更新::

发现自己的这些问题没有解决

转载:http://www.bomiw.com/news/useknowledge-377.html

以下是内容


UEditor是百度研发的一个很好的文本编辑器,但是在使用过程中,默认的是每次都会自动追加p标签。但是在很多情况下,我并不需要这p标签,为此很闹心。那有没有什么办法消除这自动添加的p标签呢?


方法如下:

首先:打开ueditor.all.js(或ueditor.all.min.js)。

1、搜索修改成false:allowDivTransToP: false


2、再搜索并修改以下:

//编辑器不能为空内容
if (domUtils.isEmptyNode(me.body)) {me.body.innerHTML = '';
}

3、搜索“/给文本或者inline节点套p标签”,并且替换以下内容

//给文本或者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 = '' + 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;}}
}

4、搜索 “进入编辑器的li要套p标签”,这块也要注释掉


5、注视掉这段:

node.className = utils.trim(node.className.replace(/list-paddingleft-\w+/,'')) + ' list-paddingleft-' + type;

6、最后注视掉:

li.style.cssText && (li.style.cssText = '');

完美解决,以上是整个流程,不过有些浏览需要清空缓存才能起作用。

UEditor富文本自动追加p标签 br标签 总是出现 自动换行 p br标签 解决办法相关推荐

  1. 百度UEditor富文本编辑器去除自动追加span标签

    #消息模板实时翻译 1.消息模板支持实时翻译,并且将消息模板中的主题.消息.短信.邮件修改为消息富文本编辑器,对主题和短信的富文本编辑器工具进行隐藏. 2.替换规则:    同步拼接编码和label, ...

  2. Thinkphp下嵌套UEditor富文本WEB编辑器

    UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码... 本文实际操作于ThinkPHP框架下,现 ...

  3. Ueditor富文本编辑器

    Ueditor富文本编辑器 Ueditor富文本编辑器插件应用步骤如下: 1.引入css和js文件 2.设置承载标签 设置富文本编辑器的承载标签,必须设置id属性.一般使用textarea或scrip ...

  4. ueditor富文本编辑器过滤了代码,如何取消?

    后台UEditor富文本编辑器,编辑的代码被强制过滤,并被强制修改成<p>标签?导致前台页面效果不对? ueditor富文本编辑器,虽然好用,但是很多时候,如果没有足够的使用经验,一般是很 ...

  5. java 接收前台富文本_前后端分离ueditor富文本编辑器的使用-Java版本

    最近在写一个自己的后台管理系统(主要是写着玩的,用来熟悉后端java的知识,目前只是会简单的写点接口),想在项目中编写一个发布新闻文章的功能,想到了使用百度的ueditor富文本编辑器,网上找了很多j ...

  6. MVC 使用 Ueditor富文本编辑器

    一.Ueditor 1.下载Ueditor富文本编辑器 官方下载地址: http://ueditor.baidu.com/website/download.html 建议下载开发版,此处我下载的是 . ...

  7. php引入百度Ueditor富文本编辑器

    php引入百度Ueditor富文本编辑器 文本编辑器插件内容丰富,比起传统的textarea标签输入要好用很多,看看如何在页面实现引入吧 1.下载适合的资源包(可以去官网下载适合的版本),我是php引 ...

  8. ueditor富文本编辑器使用百度地图自定义动态地图组件及兼容https及http协议

    ueditor富文本编辑器默认支持百度地图组件,但是如果导入动态地图后会加很多默认的地图组件在上面.如果需要自定义动态地图的组件则需要修改ueditor特定的html. ueditor百度地图组件所在 ...

  9. 百度ueditor富文本--图片保存路径的配置以及上传到远程服务器

    我们在上篇文章中学习了  上传图片的配置: 百度ueditor富文本--配置图片上传 在文章的最后 讲到  ueditor 默认设置的 保存图片的 路径 是相对路径,项目相关的. 保存的图片会放在to ...

最新文章

  1. [.Net跨平台]部署DTCMS到Jexus遇到的问题及解决思路---Linux环境搭建
  2. 网络安全技术分析:DDoS的攻与防
  3. Linux / CentOs 7搭建DHCP服务
  4. SendMessage、PostMessage原理
  5. ActiveMQ BrokeUrl的配置和消息持久化配置
  6. 【已解答】Linux ./configure --prefix 命令是什么意思?
  7. angularjs的ng-repeat回调
  8. pandas python groupby_python – 如何使用pandas groupby汇总多个列?
  9. 结构数据类型 struce c# 1613533319
  10. Testin云測试破7000万次:崩溃成90%手游应用质量难题
  11. c语言程序申请管理员权限,vc 软件 要管理员运行 vc 管理员权限运行
  12. 【Spring开发】—— Spring Core
  13. NodeJS 数组超出部分以弹出框显示。
  14. BuzzFeed如何从Perl单体应用迁移到Go和Python微服务
  15. cloudMusic.mps的前世今坑
  16. JavaScript图片跟随鼠标移动
  17. Android中ListView下拉刷新的实现
  18. 科普:飞针测试机探针分类概要
  19. PowerBuilder打印QRCode
  20. Windows Server 2022 超融合部署

热门文章

  1. C++ MFC常用API
  2. 2、mysql存储引擎
  3. CTFHub Web真题(7星)
  4. 10分钟 GET 新技能 - 协程
  5. 2022年华南师范大学自考本计算机信息管理课程实验
  6. licode架构整理
  7. 微信公众号如何配置IP白名单?
  8. python二进制转为十进制-Python实现的十进制小数与二进制小数相互转换功能
  9. asp+access
  10. Scrapy笔记(2)——使用正则表达式提取jQuery文档内容