百度编辑器 ueditor 内容编辑自动套P标签，及p标签替换

作者：暮色微凉时间：2026-07-22 浏览：0

修改UEditor配置与源码：关闭allowDivTransToP为false，将核心代码p替换为div，设置enterTag为br，注释li自动套p规则及清除样式，即可实现编辑器不再自动套用P标签，改用DIV和BR构建内容结构。

`，后者则是`
`。现在，咱们的目标就是让编辑器别再自动套`

`，都改成`

`。好了，拿好工具，咱们开始动手。 **第一步：找到配置文件，关掉自动转换** 在`ueditor.all.js`中，你需要找到下面这行配置项，把它的值从`true`改成`false`。 ```ja vascript allowDivTransToP: false ``` 这个设置的意思是“允许DIV标签自动转换为P标签”。关掉它，是从源头上阻止编辑器自作主张。同时，你还需要找到并修改下面这段代码，确保编辑器在内容为空时，不会自己生成一个空`

`，而是生成一个空`

`。 ```ja vascript //编辑器不能为空内容 if (domUtils.isEmptyNode(me.body)) { me.body.innerHTML = '

' + (browser.ie ? '' : '
') + '

'; } ``` **第二步：核心手术，把`

`换成`

`** 这一步是重头戏。在`ueditor.all.js`里，有一段专门负责给文本或内联节点套上P标签的逻辑。我们需要找到它，然后把里面的`'p'`全部替换成`'div'`。 ```ja vascript //给文本或者inline节点套p标签 if (me.options.enterTag == 'p') { var child = this.body.firstChild, tmpNode; if (!child || child.nodeType == 1 && (dtd.$cdata[child.tagName] || isCdataDiv(child) || domUtils.isCustomeNode(child) ) && child === this.body.lastChild) { this.body.innerHTML = '

' + (browser.ie ? ' ' : '
') + '

' + this.body.innerHTML; } else { var p = me.document.createElement('div'); while (child) { while (child && (child.nodeType == 3 || child.nodeType == 1 && dtd.p[child.tagName] && !dtd.$cdata[child.tagName])) { tmpNode = child.nextSibling; p.appendChild(child); child = tmpNode; } if (p.firstChild) { if (!child) { me.body.appendChild(p); break; } else { child.parentNode.insertBefore(p, child); p = me.document.createElement('div'); } } child = child.nextSibling; } } } ``` 注意，上面代码中`if (me.options.enterTag == 'p')` 这个判断，它里面的`'p'`是受另一个配置项控制的。 **第三步：配置联动，让回车键产生`
`** 找到编辑器配置项，把`enterTag`的值从`'p'`改为`'br'`。这样，按下回车键时，就不会再生成新的`

`或`

`，而是直接插入一个换行符`
`。 ```ja vascript enterTag: 'p', // 改成 'br' 后，回车换行将增加
，而不是

``` **第四步：处理`

`标签，拒绝嵌套** 编辑器有一个输入规则，会自动给`

`标签里的内容再套一层`

`。这个逻辑我们直接不要了，把它注释掉。 ```ja vascript //进入编辑器的li要套p标签，我不需要套P，注释掉吧 /* 这里开始注释掉 me.addInputRule(function(root){ utils.each(root.getNodesByTagName('li'),function(li){ var tmpP = UE.uNode.createElement('p'); for(var i= 0,ci;ci=li.children[i];){ if(ci.type == 'text' || dtd.p[ci.tagName]){ ... */ ``` **第五步：清除多余样式，保持代码干净** 最后，有两处默认行为会干扰我们自定义的样式，需要一并注释掉。一个是自动给`

`的`style`样式。 ```ja vascript //注释掉，这个是自动给ul增加一个内置的样式，如

百度编辑器 ueditor 内容编辑自动套P标签，及p标签 替换

百度编辑器 ueditor 内容编辑自动套P标签，及p标签替换