百度编辑器 ueditor 内容编辑自动套P标签,及p标签 替换
发布时间 - 2026-01-11 00:26:02 点击率:次如图,红框为回车键和shift+回车 :

===>>
ueditor.all.js中:
1:
搜索修改成false:allowDivTransToP: false
再搜索并修改以下:
//编辑器不能为空内容
if (domUtils.isEmptyNode(me.body)) {
me.body.innerHTML = '<div>' + (browser.ie ? '' : '<br/>') + '</div>';
}
2:
//给文本或者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 = '<div>' + (browser.ie ? ' ' : '<br/>') + '</div>' + 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;
}
}
}
以上类似的有好几处,将p 改为 div
3:
上代码框中 if (me.options.enterTag == 'p') 这个P根据以下开关来走
enterTag: 'p',//改后为回车换行增加br,不改为换行增加div
4:
//进入编辑器的li要套p标签,我不需要套P,注释掉吧
//进入编辑器的li要套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]){
5:以下找到并注释
//注释掉,这个是自动给ul增加一个内置的样式,如<ul class=" list-paddingleft-2"> node.className = utils.trim(node.className.replace(/list-paddingleft-\w+/,'')) + ' list-paddingleft-' + type;
//往下隔一行的这个注释掉,这个是自动去除粘贴进去的代码的li的style样式,为何清除我的样式? li.style.cssText && (li.style.cssText = '');
到此就完成了
# ueditor
# 自动套P标签
# 编辑器
# 换行
# 我不
# 回车键
# 如图
# 往下
# 到此
# 框中
# 几处
# 为空
# 后为
# 完成了
# div
# browser
# lt
# isEmptyNode
# body
# innerHTML
# inline
# firstChild
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化
微信小程序 闭包写法详细介绍
制作旅游网站html,怎样注册旅游网站?
海南网站制作公司有哪些,海口网是哪家的?
Android利用动画实现背景逐渐变暗
昵图网官方站入口 昵图网素材图库官网入口
Laravel如何发送系统通知_Laravel Notifications实现多渠道消息通知
香港服务器租用费用高吗?如何避免常见误区?
魔毅自助建站系统:模板定制与SEO优化一键生成指南
Laravel怎么使用Markdown渲染文档_Laravel将Markdown内容转HTML页面展示【实战】
Laravel如何实现图片防盗链功能_Laravel中间件验证Referer来源请求【方案】
HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】
如何在万网自助建站平台快速创建网站?
EditPlus 正则表达式 实战(3)
Laravel如何实现API资源集合?(Resource Collection教程)
Laravel DB事务怎么使用_Laravel数据库事务回滚操作
Laravel的辅助函数有哪些_Laravel常用Helpers函数提高开发效率
Laravel如何使用Guzzle调用外部接口_Laravel发起HTTP请求与JSON数据解析【详解】
如何在Windows环境下新建FTP站点并设置权限?
高防服务器如何保障网站安全无虞?
Laravel数据库迁移怎么用_Laravel Migration管理数据库结构的正确姿势
Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】
Laravel如何实现用户密码重置功能?(完整流程代码)
Laravel如何设置自定义的日志文件名_Laravel根据日期或用户ID生成动态日志【技巧】
使用Dockerfile构建java web环境
JS实现鼠标移上去显示图片或微信二维码
Laravel怎么集成Log日志记录_Laravel单文件与每日日志配置及自定义通道【详解】
Win11怎么查看显卡温度 Win11任务管理器查看GPU温度【技巧】
使用spring连接及操作mongodb3.0实例
奇安信“盘古石”团队突破 iOS 26.1 提权
Linux系统命令中screen命令详解
零服务器AI建站解决方案:快速部署与云端平台低成本实践
Laravel怎么使用artisan命令缓存配置和视图
EditPlus中的正则表达式 实战(4)
Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制
手机网站制作与建设方案,手机网站如何建设?
Laravel Blade组件怎么用_Laravel可复用视图组件的创建与使用
Laravel如何与Docker(Sail)协同开发?(环境搭建教程)
深圳网站制作设计招聘,关于服装设计的流行趋势,哪里的资料比较全面?
JavaScript数据类型有哪些_如何准确判断一个变量的类型
Angular 表单中正确绑定输入值以确保提交与验证正常工作
Laravel如何从数据库删除数据_Laravel destroy和delete方法区别
微信小程序 require机制详解及实例代码
网站制作报价单模板图片,小松挖机官方网站报价?
如何快速启动建站代理加盟业务?
Python文件异常处理策略_健壮性说明【指导】
node.js报错:Cannot find module 'ejs'的解决办法
青岛网站建设如何选择本地服务器?
如何在局域网内绑定自建网站域名?
HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】

