百度的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不见,多空行等等错误!(已解决)...相关推荐

  1. Docx4j生成word表格(无问题),用Libreoffice转换为pdf格式乱掉问题

    缘起 最近做了一个项目,用Docx4j生成word,然后转换为pdf展示,在前面的博文java docx4j动态生成表格,保存为word,并通过Libreoffice转PDF已经给过较为完美的解决方案 ...

  2. 安装TIA博途V14 SP1后,打开软件时系统提示出现一个并行的错误_解决办法

    安装TIA博途V14 SP1后,打开软件时系统提示出现一个并行的错误_解决办法 如下图所示,已经将 TIA Portal 从 V14 升级到 V14 SP1.成功完成升级而没有任何错误后,再次打开 T ...

  3. word转pdf后格式乱了怎么办

    为什么我们在工作中经常会遇到需要把WORD文档转成PDF呢?那是因为PDF格式不容易被修改,而且还便于查阅传输都比Word更好.所以大部分文件格式会使用PDF格式,但是我们会遇到转换后,格式乱了,甚至 ...

  4. pdf转换成word后格式乱了怎么办?介绍三种转换途径

    怎么免费将pdf转换成word?PDF作为一种办公常见的文件格式,广泛应用于官方文件.企业宣传.个人演讲.课件展示等场合.它格式稳定.易于传输,但也正因如此不太好编辑,我们可以将PDF转换成Word格 ...

  5. Word2007插入目录、更新目录后大纲乱掉和无法保存大纲的解决办法

    所谓无法保存大纲,是指关闭word文档后,再次打开该文档,该文档的大纲会恢复到修改之前的样子. 解决的办法是,点击"视图"→"大纲视图"进入大纲视图模式,在该模 ...

  6. jqury关于cooke的操作写入cookie后只显示一次的DIV提示框代码

    有时候当用户登录系统后,需要给用户弹出提示框,但是不需要总是弹出来,在这里加入访问cookie来判断是否弹出过提示框,如果弹出过那么保存cookie,下次根据cookie是否存在来判断是否弹出 < ...

  7. uni-app引入iconfont字体成功后显示黑白色?怎么让其保留原本色彩,已解决!

    如下图,字体引入成功后就是黑白色的,想让其保留原本的色彩 2022年阿里巴巴矢量图标库更新后,现在已经可以实现引用彩色图标了,引用方法和之前一样 只需要在项目设置里,将字体格式的 彩色勾上即可

  8. 修改java或css后不生效,还是显示修改之前的样式,问题已解决

    在jsp中修改css样式后,重启浏览器发现还是之前的CSS样式,这可能是因为浏览器读取的是之前的缓存,解决方法如下: 1.clear项目 2.删除tomcat服务器 3.在本地磁盘的服务器文件夹web ...

  9. Ardunio_ESP32烧录后不断重启,不断复位问题出在了哪里?已解决.rst:0x1 (POWERON_RESET),boot:0x13 (SPI_FAST_FLASH_BOOT)

    ESP32-Ardunio框架, PlatformIO-vscode, 如果程序编译没有报错, 并且烧录成功后,     不止一次,多次弹出/打印出 下面文本 ~~~~~~~~~~~~~~~~~~~~ ...

最新文章

  1. Win2003下Asp配置技巧 http 500内部服务器错误
  2. 【壹个小技巧】一看就会的CI/CD :Github Actions
  3. springmvc使用requestmapping无法访问控制类_研究人员称人类使用的新烟碱类杀虫剂让蜜蜂无法入睡...
  4. CVPR2021 | 深度解读RepVGG!
  5. python编辑七段数码管引脚图_初识原理图
  6. Zabbix 监控Nginx连接的状态
  7. codeforces 664B B. Rebus(乱搞题)
  8. thinkphp htmls.php,ThinkPHP静态缓存简单配置和使用方法详解
  9. atitit.人脸识别的应用场景and使用最佳实践 java .net php
  10. 计算机基础知识试题及答案填空题,计算机基础知识练习题及答案解析
  11. 改进的自适应中值滤波算法 去除椒盐噪声 python 代码实现
  12. CSS——下拉框的制作(以小米商城为例)
  13. 计算机设备管理器无com,计算机无设备管理器的方法
  14. 7月份火爆Github的热门Python项目
  15. centos 安装Times New Roman
  16. 分享一些程序员接私活、兼职的平台
  17. python在园林中的应用_攀缘植物在园林中的应用
  18. IEC104协议学习遥测、遥信、电度
  19. kmeans聚类目的干什么的_零基础学习Kmeans聚类算法的原理与实现过程
  20. 在Photoshop中绘制变形金刚

热门文章

  1. Android调用系统拍摄视频
  2. Android-京东秒杀
  3. html弄出油画效果,模仿油画效果,可不简单!这招最像!
  4. 乐播登录显示服务器失败,乐播投屏搜索设备失败的处理操作
  5. linux的passwd命令
  6. 责任链模式(职责链模式)(Chain of Responsibility Pattern)
  7. 蓝桥杯c++组常用小技巧
  8. 金融类APP产品:搭载运营手段提高用户数据指标
  9. 智慧酒店RCU客控系统布线放线事项
  10. 五子棋游戏控制台实现(Java)