在百度编辑器中,出于安全考虑,会将源码的div标签替换为p标签,li标签上的样式删除,自动生成&nbsp等。

这里根据以上说的三点进行解决:

div标签替换为p标签:

在ueditor.all.js文件内搜索allowDivTransToP,找到如下的代码,将true设置为false

me.setOpt({'allowDivTransToP':false,'disabledTableInTable':true
});

li标签上的样式删除:

在ueditor.all.js文件内,找到以下代码,注释掉即可

case 'li':var className = node.getAttr('class');if (!className || !/list\-/.test(className)) {node.setAttr()}var tmpNodes = node.getNodesByTagName('ol ul');UE.utils.each(tmpNodes, function (n) {node.parentNode.insertAfter(n, node);});break;

自动生成&nbsp:

在ueditor.all.js文件中找到下面的代码,将 替换为‘’即可

function isText(node, arr) {if(node.parentNode.tagName == 'pre'){// 源码模式下输入html标签,不能做转换处理,直接输出arr.push(node.data)}else{arr.push(notTransTagName[node.parentNode.tagName] ? utils.html(node.data) : node.data.replace(/[ ]{2}/g,'&nbsp'))}
}

li标签内自动加p标签:在ueditor.all.js文件内,找到以下代码,注释掉即可

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]){tmpP.appendChild(ci);}else{if(tmpP.firstChild()){li.insertBefore(tmpP,ci);tmpP = UE.uNode.createElement('p');i = i + 2;}else{i++;}}}if(tmpP.firstChild() && !tmpP.parentNode || !li.firstChild()){li.appendChild(tmpP);}//trace:3357//p不能为空if (!tmpP.firstChild()) {tmpP.innerHTML(browser.ie ? '&nbsp;' : '<br/>')}//去掉末尾的空白var p = li.firstChild();var lastChild = p.lastChild();if(lastChild && lastChild.type == 'text' && /^\s*$/.test(lastChild.data)){p.removeChild(lastChild)}
});

参考:http://blog.csdn.net/shahexiaoxiami/article/details/44103009

百度编辑器对H5代码修改相关推荐

  1. HTML编辑器自动过滤代码怎么办,KesionCMS X1百度编辑器过滤html代码的修复方法

    看到论坛里,经常有人发帖说,X1采用的百度编辑器,过滤html代码太严重! 现在把修复方法分享如下: 打开editor下的ueditor.all.js文件 1.将9950行左右的allowDivTra ...

  2. kindeditor编辑器回车换行代码修改

    kindeditor编辑器插入程序代码后在<p>标签和<pre>标签间会多出一行<p><br></p> 导致前台显示的时候很难看.如下图: ...

  3. 让编程更简单——百度编辑器的使用教程

    背景:成绩系统虽然不大,但是自己的经验不足加上里面的漏洞比较多,所以整个成绩系统的任务比较重大.开始的时候本着维护的原则,修修补补一个多月,大体上的功能是实现了,但是各个模块之间的联调还是一如既往的不 ...

  4. 修复百度编辑器插入视频的bug,可实时预览视频,可修改到支持手机查看视频...

    站在前人的肩膀上我们就可以站的更高,看得更远. 所以,请在 ueditor.config.js中搜索 whitlist , 在后面加入 source: ['src', 'type'], embed: ...

  5. 百度在线编辑器 显示html,UEditor百度编辑器中JS/html代码(script标签)被过滤的解决办法...

    作为一名程序员,在文章中经常会插入各种代码,大部分代码都不会发生问题,但div和script标签是经常会被使用到的. 而在之前的文章编写过程中,插入JS代码后,第一次文章会显示正常,而之后在后台编辑器 ...

  6. 帝国cms html5 编辑器,帝国CMS修改默认编辑器为百度编辑器UEditor的方法

    帝国默认编辑器确实非常难用,今天开拓族做了一个教程用最简单的方法来替换默认编辑器的方法! 同时支持前台投稿和后台发布! 效果演示 下载百度编辑器ueditor,将ueditor解压到后上传到帝国的插件 ...

  7. 关于百度编辑器UEditor在asp.net中的使用方法!

    为了完成自己想要的功能效果,在项目中使用到了百度编辑器,为了搞明白,苦心学习查资料搞了整整一天,总结一下. 在asp.net 的项目中目前我觉得有两种情况,一种是没有使用模板页的,一种是使用了模板页的 ...

  8. 百度编辑器上传图片自定义路径,访问路径动态加载

    在用百度编辑器时发现他以前的上传图片只能上传到项目的根目录下 这叫人很郁闷,在网上找了一些资料,现在记录一下. 1.首先在config.json中添加root路径,这里我起名叫uploadRoot字段 ...

  9. yii2-Ueditor百度编辑器

    今天在网上看了下有关图片上传的教程,历经挫折才调试好,现在把相关代码及其说明贴出来,以供初次使用的朋友们参考. 资源下载 yii2.0-ueditor下载路径: https://link.jiansh ...

最新文章

  1. 2022-2028年中国四氟化碳产业研究及前瞻分析报告
  2. 为什么枚举类优于纯枚举?
  3. linux如何取文件列名,Linux_根据表名和索引获取需要的列名的存储过程,复制代码 代码如下: create proc p - phpStudy...
  4. 《Android开发从零开始》——29.Content Providers(1)
  5. bzoj1188: [HNOI2007]分裂游戏
  6. idea debug调试_大牛都会用的 IDEA 调试技巧!!!
  7. BZOJ 4710: [Jsoi2011]分特产
  8. NC16886 炮兵阵地
  9. Python数据结构与算法(1.2)——Python基础之变量与内置数据类型
  10. ComponentOne 2018V2正式发布,提供轻量级的 .NET
  11. java环境配置指南
  12. (转)互利主义:道德经济人的基本行为准则
  13. Java 编程之美:并发编程基础晋级篇
  14. 商品订单打印模板html,【EXCEL】如何制作订单单据查询与打印模板?
  15. 海康威视高级副总裁毕会娟:全面解读“物信融合数据平台”的功能与业务逻辑...
  16. 03 ,seaborn 颜色 : 正态分布图,多元正态分布,核密度估计图
  17. 函数的callee和caller的区别和用处
  18. dpi和ppi换算_DPI、PPI、DP、PX 的详细计算方法及算法来源是什么?
  19. USB2.0接口CM4_5G mini驱动板搭配广和通FM150在Win11下的测速
  20. 命令行 PDF 转换器:::fCoder 2PDF

热门文章

  1. go 悟空使用demo
  2. web服务器创建站点,服务器:如何使用IIS建立网站
  3. ​网络赚钱的几个逻辑
  4. bootsect.s 解读——Linux-0.11 剖析笔记(二)
  5. 小程序开发之组件的使用
  6. 软件架构设计师:用户界面设计的原则
  7. 选择示波器要考虑的十大因素
  8. 李国庆谈离职:记录一个降薪降职和辞职的观点
  9. 一个老果粉的华为Mate20 Pro深度体验
  10. LINUX-S3C2440-SJA1000驱动程序-笔记