在前端用了marked.js來決議markdown陳述句，
但是我發現決議復選框時會在clickbox外面包一層<li>標簽，
就導致原本的復選框布局變得非常難看。
我認為是marked.js先將 "- [ ]" 里的 "-" 決議成了<li>標簽
然后又接著決議成復選框
但是我看不懂marked.js的原始碼
有沒有辦法讓他不決議出<li>標簽？
或者有沒有比 marked.js 更好用的插件呢？
感謝！！！
---
markdown陳述句：
- [x] 132
- [ ] 2r
決議效果如圖：
生成的結構：
<ul>
<li>
<input checked="" disabled="" type="checkbox"> 132
</li>
<li>
<input disabled="" type="checkbox"> 2r
</li>
</ul>
uj5u.com熱心網友回復：
寫個樣式去掉就可以了list-style:none;ul{
list-style:none;
}
寫在決議的markdown dom上面，其實寫全域應該也可以。一般都不會需要list-style
uj5u.com熱心網友回復：
謝謝，復選框前面的小圓點是沒有了。不過這樣做的話，正常的無序串列的小圓點標記也沒了
- [ ] 復選框1
- [x] 復選框2
- 1
- 2
uj5u.com熱心網友回復：
找到決議后的復選框dom查看class名是什么然后針對這個class下面的ul添加樣式ps
class="checkbox-panel" .checkbox-panel ul {list-style:none;}
uj5u.com熱心網友回復：
謝謝，但是ul標簽是clickbox的父級元素，要做到這點看來只能不停地用js遍歷加樣式了。因為markedjs決議出來的元素是沒有任何類名的。可以看我發的原帖，里面有決議出來的dom結構。uj5u.com熱心網友回復：
vue 專案可以看看mavon-editor轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/28862.html
標籤：JavaScript
上一篇：Web程式設計