UEditor踩坑记:处理主动增加<p>标签的办法

发表于 2017-10-25 10:50 | 阅读 6084

 是百度开发的一款优异的开源 HTML 编辑器,上手简略,界面漂亮,功能强大,因而抓获了一大批站长的“芳心”,可是究竟众口难调,也有一些小问题需求咱们自个儿着手处理。

比方昨晚上菲菲君就踩了几枚深坑:

  • 默许代码下,列表款式 <li> 标签下会主动嵌套 <p> 标签
  • 一起父级 <ul> 标签也会主动增加引证 style 和 class 款式
  • 还有主动除掉 css 款式和 span 标签等等许多小问题

这些问题尽管不会严重影响运用,可是有或许形成前台网页的 css 款式丢失和排版紊乱,关于万博manbetx官网网这样的强迫症患者显然是无法忍受的,这儿记录下来再次遇到就不必再踩坑折腾了。

问题一:<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 上的一篇博文 ,其他一些奇奇怪怪的款式问题能够参阅。

(原创文章版权所有,如需转载请注明原文链接!)