百度编辑器 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增加一个内置的样式，如

热门文章更多

Photoshop蒙版换证件照背景颜色怎么改？实用操作步骤详解 AutoCAD绘制机械零件三维实体详细教程 AE教程书籍挑选指南：零基础、动效与合成方向实战标准 Photoshop图层合并快捷键是什么？合并盖印及分开图层方法 Photoshop日系调色教程：小清新风格参数与思路

精品专题更多

装机必备

正软商城装机必备专区，精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件，帮助用户快速完成新电脑软件配置。

Windows

正软商城Windows软件专区，汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件，提供软件介绍、系统要求、正版授权及购买下载服务。

macOS软件

正软商城macOS软件专区，精选适用于Mac电脑的办公、设计、影音、效率、开发和系统工具，提供软件功能介绍、macOS兼容版本、正版授权及购买下载服务。

Mac软件更多

photoshop

Windows、macOS 、 iPad

Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件，支持 Windows、macOS 和 iPad 等平台，广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。

Blender

Windows、macOS 和 Linux

Blender 是一款免费开源、跨平台的专业 3D 创作软件，集建模、动画、渲染、视频编辑与视觉合成等功能于一体，广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎，并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统，安装包轻巧、运行流畅，依托活跃的全球开发者社区持续更新，是从初学者到专业创作者都值得选择的正版 3D 创作工具。

灵活计算器

macOS/iOS/Android

灵活计算器是一款笔记式算数应用，支持实时计算、动态关联和云端同步功能。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。

WINDOWS 更多

3dmax（3ds max）