解决百度UEditor富文本编辑器回车追加P标签问题

百度富UEditor富文本编辑器有一个坑就是无论你怎么修改只要你回车或者换行了就会强行追加一个P标签,会严重的影响到我们正常排版;并且就算是进入html模式进行删除这个P标签之后,你会发现又会给你强制加上P标签,可以说正常的使用方式是无法避开这个坑的,想要解决这个问题只能对这部分的逻辑代码进行修改,网站的教程很多但是都比较复杂,给大家分享一个1秒可以解决百度富文本编辑器强制自动追加P标签的问题的方法。

1623762848412.jpg

使用百度富文本编辑器,就需要引入UEditor编辑器代码根目录下的ueditor.all.js或者ueditor.all.min.js,而我们需要修改的正是这个文件,引用的是哪个文件就修改哪一个,两个文件的代码是一样的,只是后者对代码进行了压缩。我们以ueditor.all.js引入的方式,来降下如何一招搞定富文本编辑器自动追加P标签的问题。

javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
                       var _url = editor.options.UEDITOR_HOME_URL;
    return {
        isShow: true,
        initialContent: '',
        initialStyle:'',
        autoClearinitialContent: false,
        iframeCssUrl: _url + 'themes/iframe.css',
        textarea: 'editorValue',
        focus: false,
        focusInEnd: true,
        autoClearEmptyNode: true,
        fullscreen: false,
        readonly: false,
        zIndex: 999,
        imagePopup: true,
       enterTag: 'p',//修改为enterTag: '',	

在ueditor.all.js的第8062行,不同的版本可能不一样,直接在文档里搜索下“enterTag”,只要一个删除键就可以搞定;把enterTag: 'p'中的p删除就可以了;如此一来不用跟其他教程那样复杂的去修改前面的逻辑代码,此处控制的是回车键反馈的参数,直接把p改成空值,那么在UEditor编辑器输入回车的时候只会出现个</br>换行标签,再也不会出现烦人的p标签了,赶紧去试试吧。

申明:本站内容仅代表个人观点,仅供学习参考;未经授权任何个人或组织单位不得复制、转载、摘编以及其它形式的应用!

本站文章可能使用到互联网上的资料,若对您造成困扰,请联系 kk19@foxmail.com除理

本文地址:https://www.chateach.com/it/html/690

相关文章