On the front end with marked. Js to parse the markdown statements,

But I find that analytical check box when bread a layer outside the clickbox & amp; lt; Li& Gt; Tag,

Leads to the original check box layout become very ugly,

I think that is marked. The js "- []" in the first "-" resolution became & amp; lt; Li& Gt; The tag

Then again then parsed into checkbox

But I can't understand marked. Js source code

is there any way to let him puzzled precipitation & amp; lt; Li& Gt; Tag?

or any than marked. Js better with a plugin?

Thank you!!!!!!

-- -- --

markdown statement:

 

- [x] 132 
- [] 2 r 

Analytical effect as shown in figure:



generated structure:

CodePudding user response:

It is ok to write a style to remove the list - style: none.
Ul {
list-style:none;
}
Write them on the markdown of parsing the dom, actually write global should also can, do not need to list - style

CodePudding user response:

Thank you, small dots at the front of the check box is gone,
But do so, the normal unordered list of dots mark didn't also the

 

- [] checkboxes 1 
- [x] checkboxes 2 

1 
- 2 

CodePudding user response:

Find the resolved checkbox dom to check what is the class name and then to the class the following ul add style

Ps
. The checkbox - a panel ul {list - style: none; }

CodePudding user response:

Thank you, but the ul label is clickbox parent elements, to do this seems to constantly use js traversal and style, because there is no any markedjs analytical element is the name of the class, you can see my hair of pole, there is a resolution of the dom structure,

CodePudding user response:

Vue program can see mavon - editor