UEditor富文本自动追加p标签 br标签 总是出现 自动换行 p br标签 解决办法
更新::
发现自己的这些问题没有解决
转载: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标签 解决办法相关推荐
- 百度UEditor富文本编辑器去除自动追加span标签
#消息模板实时翻译 1.消息模板支持实时翻译,并且将消息模板中的主题.消息.短信.邮件修改为消息富文本编辑器,对主题和短信的富文本编辑器工具进行隐藏. 2.替换规则: 同步拼接编码和label, ...
- Thinkphp下嵌套UEditor富文本WEB编辑器
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码... 本文实际操作于ThinkPHP框架下,现 ...
- Ueditor富文本编辑器
Ueditor富文本编辑器 Ueditor富文本编辑器插件应用步骤如下: 1.引入css和js文件 2.设置承载标签 设置富文本编辑器的承载标签,必须设置id属性.一般使用textarea或scrip ...
- ueditor富文本编辑器过滤了代码,如何取消?
后台UEditor富文本编辑器,编辑的代码被强制过滤,并被强制修改成<p>标签?导致前台页面效果不对? ueditor富文本编辑器,虽然好用,但是很多时候,如果没有足够的使用经验,一般是很 ...
- java 接收前台富文本_前后端分离ueditor富文本编辑器的使用-Java版本
最近在写一个自己的后台管理系统(主要是写着玩的,用来熟悉后端java的知识,目前只是会简单的写点接口),想在项目中编写一个发布新闻文章的功能,想到了使用百度的ueditor富文本编辑器,网上找了很多j ...
- MVC 使用 Ueditor富文本编辑器
一.Ueditor 1.下载Ueditor富文本编辑器 官方下载地址: http://ueditor.baidu.com/website/download.html 建议下载开发版,此处我下载的是 . ...
- php引入百度Ueditor富文本编辑器
php引入百度Ueditor富文本编辑器 文本编辑器插件内容丰富,比起传统的textarea标签输入要好用很多,看看如何在页面实现引入吧 1.下载适合的资源包(可以去官网下载适合的版本),我是php引 ...
- ueditor富文本编辑器使用百度地图自定义动态地图组件及兼容https及http协议
ueditor富文本编辑器默认支持百度地图组件,但是如果导入动态地图后会加很多默认的地图组件在上面.如果需要自定义动态地图的组件则需要修改ueditor特定的html. ueditor百度地图组件所在 ...
- 百度ueditor富文本--图片保存路径的配置以及上传到远程服务器
我们在上篇文章中学习了 上传图片的配置: 百度ueditor富文本--配置图片上传 在文章的最后 讲到 ueditor 默认设置的 保存图片的 路径 是相对路径,项目相关的. 保存的图片会放在to ...
最新文章
- [.Net跨平台]部署DTCMS到Jexus遇到的问题及解决思路---Linux环境搭建
- 网络安全技术分析:DDoS的攻与防
- Linux / CentOs 7搭建DHCP服务
- SendMessage、PostMessage原理
- ActiveMQ BrokeUrl的配置和消息持久化配置
- 【已解答】Linux ./configure --prefix 命令是什么意思?
- angularjs的ng-repeat回调
- pandas python groupby_python – 如何使用pandas groupby汇总多个列?
- 结构数据类型 struce c# 1613533319
- Testin云測试破7000万次:崩溃成90%手游应用质量难题
- c语言程序申请管理员权限,vc 软件 要管理员运行 vc 管理员权限运行
- 【Spring开发】—— Spring Core
- NodeJS 数组超出部分以弹出框显示。
- BuzzFeed如何从Perl单体应用迁移到Go和Python微服务
- cloudMusic.mps的前世今坑
- JavaScript图片跟随鼠标移动
- Android中ListView下拉刷新的实现
- 科普:飞针测试机探针分类概要
- PowerBuilder打印QRCode
- Windows Server 2022 超融合部署