百度编辑器 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 ? '&nbsp;' : '<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 &#39;ejs&#39;的解决办法  青岛网站建设如何选择本地服务器?  如何在局域网内绑定自建网站域名?  HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】