精品国产免费观看久久久_久久天天躁狠狠躁夜夜爽_无码人妻少妇久久中文字幕_狠狠做深爱婷婷久久综合一区

互聯網知識

精準傳達 ? 價值共享

洞悉互聯網前沿資訊,探尋網站營銷規律

查看其它板塊

解決百度編輯器自動添加<p>標簽的方法

作者:菲菲博客 | 2019-12-27 21:16 |點擊:

UEditor 是百度開發的一款優秀的開源 HTML 編輯器,上手簡單,界面美觀,功能強大,因此俘獲了一大批站長的“芳心”,但是畢竟眾口難調,也有一些小問題需要我們自個兒動手解決。

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

  • 默認代碼下,列表樣式 <li> 標簽下會自動嵌套 <p> 標簽
  • 同時父級 <ul> 標簽也會自動添加引用 style 和 class 樣式
  • 還有自動剔除 css 樣式和 span 標簽等等很多小問題

這些問題雖然不會嚴重影響使用,但是有可能造成前臺網頁的 css 樣式丟失和排版錯亂,對于菲菲博客這樣的強迫癥患者顯然是無法忍受的,這里記錄下來再次遇到就不用再踩坑折騰了。

問題一:<li> 標簽內自動添加 <p> 的解決方法

打開 ueditor.all.js 文件,找到 15159 行開始的 utils.each 函數,整體注釋掉即可。

查找“進入編輯器的li要套p標簽”就能找到

問題二:關于 <ul> 標簽自動引用樣式的問題

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

查找 15313 行 node.className 開頭的代碼,注釋掉即可

由于 UEditor 主體 JS 代碼量龐大,差不多要兩萬行,修改 ueditor.all.js 后要進行壓縮處理再調用替換到線上環境。以上筆記對應為目前最新的 UEditor 1.4.3.3 版本。

這里參考了 CSDN 上的一篇博文 關于UEditor 編輯器自動替換樣式的解決方法,其他一些奇奇怪怪的樣式問題可以參考。

文章轉載:https://www.feifeiboke.com/website/3723.html

如沒特殊注明,文章均為狐靈科技原創,轉載請注明?? "解決百度編輯器自動添加&lt;p&gt;標簽的方法
多一份免費策劃方案,總有益處。

請直接添加技術總監微信聯系咨詢

網站設計 品牌營銷

多一份參考,總有益處

聯系狐靈科技,免費獲得專屬《策劃方案》及報價

咨詢相關問題或預約面談,可以通過以下方式與我們聯系

業務熱線:15082661954 / 大客戶專線:15523356218