UEditor写入源代码后,格式乱掉。少标签,div不见,多空行等等错误!(已解决)...
百度的UEditor,样式上挺美观的。所以一直都在用他。但是问题真是一把一把的多。在放入html源码后,格式错乱了。div不见了,多空行,table的td错误嵌套等等。这个问题百度也没有好好的想去解决。
好了,废话不多说了,进入正题。
1.首先解决缺少div标签的问题。其实是百度默认把div标签屏蔽了,为了避免多div或少div的情况下,会影响整个页面的布局。这个也情理之中。
解决方式是:
//模式屏蔽div为false就可以了
editor.options.allowDivTransToP = false;
这个是最简单的。
2.再者解决table的td乱嵌套的问题。
这个不知道是不是百度的一个BUG,在考虑子节点必须拥有父节点的td节点中,竟然没有写进table。
修正方法:在ueditor.all.js中,找到
var uNode = UE.uNode,
needParentNode = {
'td':'tr',
//在这行td的数组中补上 table即可
'tr': ['tbody', 'thead', 'tfoot', 'table'],
'tbody':'table',
'th':'tr',
'thead':'table',
'tfoot':'table',
'caption':'table',
'li':['ul', 'ol'],
'dt':'dl',
'dd':'dl',
'option':'select'
},
needChild = {
'ol':'li',
'ul':'li'
};
3.最后解决在空td的时候会产生<br>从而导致版面措乱。
解决方法:同样在 ueditor.all.js中,找到
case 'caption':
if(!node.children || !node.children.length){
//去除空td中的 <br/>,将后面的生成br的方法修改为UE.uNode.createText(' ')
node.appendChild(browser.ie ? UE.uNode.createText(' ') : UE.uNode.createText(' '))
}
break;
4.还有乱七八糟的样式,惹人厌。也去掉
找到
<script type="text/javascript">
document.getElementById('preview').innerHTML = editor.getContent();
//注释掉就可以了
//uParse('#preview', {
// rootPath: '../../',
// chartContainerHeight: 500
//})
dialog.oncancel = function () {
document.getElementById('preview').innerHTML = '';
}
</script>
转载于:https://www.cnblogs.com/zhanghai/p/4461168.html
UEditor写入源代码后,格式乱掉。少标签,div不见,多空行等等错误!(已解决)...相关推荐
- Docx4j生成word表格(无问题),用Libreoffice转换为pdf格式乱掉问题
缘起 最近做了一个项目,用Docx4j生成word,然后转换为pdf展示,在前面的博文java docx4j动态生成表格,保存为word,并通过Libreoffice转PDF已经给过较为完美的解决方案 ...
- 安装TIA博途V14 SP1后,打开软件时系统提示出现一个并行的错误_解决办法
安装TIA博途V14 SP1后,打开软件时系统提示出现一个并行的错误_解决办法 如下图所示,已经将 TIA Portal 从 V14 升级到 V14 SP1.成功完成升级而没有任何错误后,再次打开 T ...
- word转pdf后格式乱了怎么办
为什么我们在工作中经常会遇到需要把WORD文档转成PDF呢?那是因为PDF格式不容易被修改,而且还便于查阅传输都比Word更好.所以大部分文件格式会使用PDF格式,但是我们会遇到转换后,格式乱了,甚至 ...
- pdf转换成word后格式乱了怎么办?介绍三种转换途径
怎么免费将pdf转换成word?PDF作为一种办公常见的文件格式,广泛应用于官方文件.企业宣传.个人演讲.课件展示等场合.它格式稳定.易于传输,但也正因如此不太好编辑,我们可以将PDF转换成Word格 ...
- Word2007插入目录、更新目录后大纲乱掉和无法保存大纲的解决办法
所谓无法保存大纲,是指关闭word文档后,再次打开该文档,该文档的大纲会恢复到修改之前的样子. 解决的办法是,点击"视图"→"大纲视图"进入大纲视图模式,在该模 ...
- jqury关于cooke的操作写入cookie后只显示一次的DIV提示框代码
有时候当用户登录系统后,需要给用户弹出提示框,但是不需要总是弹出来,在这里加入访问cookie来判断是否弹出过提示框,如果弹出过那么保存cookie,下次根据cookie是否存在来判断是否弹出 < ...
- uni-app引入iconfont字体成功后显示黑白色?怎么让其保留原本色彩,已解决!
如下图,字体引入成功后就是黑白色的,想让其保留原本的色彩 2022年阿里巴巴矢量图标库更新后,现在已经可以实现引用彩色图标了,引用方法和之前一样 只需要在项目设置里,将字体格式的 彩色勾上即可
- 修改java或css后不生效,还是显示修改之前的样式,问题已解决
在jsp中修改css样式后,重启浏览器发现还是之前的CSS样式,这可能是因为浏览器读取的是之前的缓存,解决方法如下: 1.clear项目 2.删除tomcat服务器 3.在本地磁盘的服务器文件夹web ...
- Ardunio_ESP32烧录后不断重启,不断复位问题出在了哪里?已解决.rst:0x1 (POWERON_RESET),boot:0x13 (SPI_FAST_FLASH_BOOT)
ESP32-Ardunio框架, PlatformIO-vscode, 如果程序编译没有报错, 并且烧录成功后, 不止一次,多次弹出/打印出 下面文本 ~~~~~~~~~~~~~~~~~~~~ ...
最新文章
- Win2003下Asp配置技巧 http 500内部服务器错误
- 【壹个小技巧】一看就会的CI/CD :Github Actions
- springmvc使用requestmapping无法访问控制类_研究人员称人类使用的新烟碱类杀虫剂让蜜蜂无法入睡...
- CVPR2021 | 深度解读RepVGG!
- python编辑七段数码管引脚图_初识原理图
- Zabbix 监控Nginx连接的状态
- codeforces 664B B. Rebus(乱搞题)
- thinkphp htmls.php,ThinkPHP静态缓存简单配置和使用方法详解
- atitit.人脸识别的应用场景and使用最佳实践 java .net php
- 计算机基础知识试题及答案填空题,计算机基础知识练习题及答案解析
- 改进的自适应中值滤波算法 去除椒盐噪声 python 代码实现
- CSS——下拉框的制作(以小米商城为例)
- 计算机设备管理器无com,计算机无设备管理器的方法
- 7月份火爆Github的热门Python项目
- centos 安装Times New Roman
- 分享一些程序员接私活、兼职的平台
- python在园林中的应用_攀缘植物在园林中的应用
- IEC104协议学习遥测、遥信、电度
- kmeans聚类目的干什么的_零基础学习Kmeans聚类算法的原理与实现过程
- 在Photoshop中绘制变形金刚