UEditor 是百度開(kāi)發(fā)的一款優(yōu)秀的開(kāi)源 HTML 編輯器，上手簡(jiǎn)單，界面美觀，功能強(qiáng)大，因此俘獲了一大批站長(zhǎng)的“芳心”，但是畢竟眾口難調(diào)，也有一些小問(wèn)題需要我們自個(gè)兒動(dòng)手解決。

比如昨晚上菲菲君就踩了幾枚深坑：

• 默認(rèn)代碼下，列表樣式 <li> 標(biāo)簽下會(huì)自動(dòng)嵌套 <p> 標(biāo)簽
• 同時(shí)父級(jí) <ul> 標(biāo)簽也會(huì)自動(dòng)添加引用 style 和 class 樣式
• 還有自動(dòng)剔除 css 樣式和 span 標(biāo)簽等等很多小問(wèn)題

這些問(wèn)題雖然不會(huì)嚴(yán)重影響使用，但是有可能造成前臺(tái)網(wǎng)頁(yè)的 css 樣式丟失和排版錯(cuò)亂，對(duì)于菲菲博客這樣的強(qiáng)迫癥患者顯然是無(wú)法忍受的，這里記錄下來(lái)再次遇到就不用再踩坑折騰了。

問(wèn)題一：<li> 標(biāo)簽內(nèi)自動(dòng)添加 <p> 的解決方法

打開(kāi) ueditor.all.js 文件，找到 15159 行開(kāi)始的 utils.each 函數(shù)，整體注釋掉即可。

問(wèn)題二：關(guān)于 <ul> 標(biāo)簽自動(dòng)引用樣式的問(wèn)題

繼續(xù)在 js 文件中搜索 list-paddingleft-\w+/（15313行），將所在的整行注釋掉即可。

由于 UEditor 主體 JS 代碼量龐大，差不多要兩萬(wàn)行，修改 ueditor.all.js 后要進(jìn)行壓縮處理再調(diào)用替換到線上環(huán)境。以上筆記對(duì)應(yīng)為目前最新的 UEditor 1.4.3.3 版本。

這里參考了 CSDN 上的一篇博文 關(guān)于UEditor 編輯器自動(dòng)替換樣式的解決方法，其他一些奇奇怪怪的樣式問(wèn)題可以參考。

文章轉(zhuǎn)載：https://www.feifeiboke.com/website/3723.html