百度ueditor编辑器的html模式自动替换样式的解决方法

ksy_c      2022-02-10     530

关键词:

百度的Ueditor编辑器出于安全性考虑,用户在html模式下粘贴进去的html文档会自动被去除样式和转义。虽然安全的,但是非常不方便。

做一下修改把这个功能去掉。

一、打开ueditor.all.js

二、大概9300行找到 ///plugin 编辑器默认的过滤转换机制,把下面的

[javascript] view plain copy
 
  1. ‘allowDivTransToP‘:true  

值改成false。为true的时候会自动把div转成p。

三、大概9429行,有个case ‘li‘,这个是把li里面的样式去掉,把这个case注释掉。

四、大概14058行,下面的第一个utils.each功能注释掉,这个是自动给li里面的内容增加一个p。

五、大概14220行,

[javascript] view plain copy
 
  1. node.className = utils.trim(node.className.replace(/list-paddingleft-w+/,‘‘)) + ‘ list-paddingleft-‘ + type;  

注释掉,这个是自动给ul增加一个内置的样式。

下面的14222行

[javascript] view plain copy
 
  1. li.style.cssText && (li.style.cssText = ‘‘);  

注释掉,这个是自动去除粘贴进去的代码的li的style样式

 六、大概9327行和9471行附近的

[javascript] view plain copy
 
  1. else if (node.tagName == ‘span‘ && (!node.attrs || utils.isEmptyObject(node.attrs))) {                         
  2.                         node.parentNode.removeChild(node, true)  
  3.                     }  

去掉,这是代码中如果有类似<span>文字</span>这样的不包含样式的<span>元素将会被删掉<span>只保留文字。

至此,我们粘贴进去的html格式的ul和li就不会被转义了。

PS:以上版本修改基于1.3.6版本。新版本位置可能有变动或者已经解决此问题。

百度编辑器ueditor源码模式下过滤div/style等html标签

...style="">、<iframe>这类带有html标签的内容时,切换为编辑器模式后,会发现输入的内容被删除,自动过滤掉了。提供两种解决方案:1、“白名单法“,此即网上找的很多配置黑白名单,不过都适用于老版本;新版本的文件... 查看详情

如何用百度ueditor编辑器替换wordpress编辑器

为WordPress更换百度Ueditor编辑器先声明,我现在在使用的wp为3.9版本。Ueditor插件为1.30。在网上找过很多富文本插件,感觉国产的这个用起来最强大,最舒服。而且还内置baidu地图,google地图。为什么不去用呢?这个插件的几个重... 查看详情

百度ueditor编辑器源代码编辑模式用css会被转义,有解决方法吗

...观点,ueditor对style进行编码是一种非常多余的行为。既然编辑器提供了html编辑方式,毫无疑问这个功能是给懂html的人提供的。富文本编辑器一般都可以写标签内样式,所以普通用户也可以通过html模式让页面乱掉,和提不提供自... 查看详情

织梦替换ueditor百度编辑器,支持图片水印教程

1下载ueditor百度编辑器2把下载的zip解压得到ueditor文件夹,把解压到的ueditor文件夹扔进你网站的include文件夹去3 打开/include/inc/inc_fun_funAdmin.php找到elseif($GLOBALS[‘cfg_html_editor‘]==‘ckeditor‘)在它上面加入elseif($GLOBALS[‘cfg_html_edi... 查看详情

ueditor编辑器,ctrl+c复制样式时,width设为百分比会被转换为“px”,请问如何屏蔽此功能

ueditor编辑器中的样式,如果设为:width:80%,但是通过Ctrl+C复制的时候会将这个宽度转换为相应的像素值,请问如何解决这个问题呢?或者说禁掉这个转换。谢谢百度的Ueditor编辑器出于安全性考虑,用户在html模式下粘贴进去的h... 查看详情

百度的富文本编辑器ueditor添加图片自动加上宽度和高度的属性

若是没有对编辑器做任何配置直接添加图片的话,显示的html内容如下图所示:它会显示出原图片尺寸所以必须要对图片的初始显示尺寸做控制:ueditor文件中找到image.js文件在image.js中找到如下图所示:在此处添加上所要想显示的... 查看详情

百度编辑器ueditor不能插入视频的解决方法

在编辑器中就可以引用优酷、腾讯视频的iframe通用代码和embedhtml代码;移动端一般引用iframe,可设置属性,使其适应设备。(这里,建议切换到源码模式,插入相应的视频代码embed或iframe。其中iframe可编辑大小,优酷embed有效,... 查看详情

百度ueditor编辑器自动加p最新解决办法(代码片段)

今天有个客户提出个需求,不让百度ueditor编辑器在空白文档自动添加<p><br/><p>,在网上找了一圈,大部分是解决LI里自动套P,还有一部分也是碰到同样的问题,但提供的解决办法都不行,可能是因为版本不一样。找... 查看详情

jsp去掉百度编辑器ueditor自动生成的标签?谢谢

参考技术A为什么要去掉,如果是在页面获取值自动生成的标签他会当做标签,没有什么影响。追问从数据库调出来后,该分段时出来<br><p>,没一点排版,像这样希望能帮忙解决,数据库字段是text追答如果是正常的标签... 查看详情

百度ueditor编辑器源代码编辑模式用css会被转义,有解决方法吗

1、在editor_config.js里边搜索blackList,去掉里边相关的标签名,就不会被过滤掉了。2、升级新的版本,新版本里面自己就解决了这个问题。参考技术A升级新版百度编辑器,新版里没有这个问题了。 查看详情

百度富文本ueditor编辑器的使用(代码片段)

...其是在网站开发后台管理系统的时候经常会使用到富文本编辑器,这里我们来使用百度提供的富文本编辑器UEditor,以提高我们的开发效率UEditor官网下载地址:https://ueditor.baidu.com/website/download.html 这里我下载的是jsp版本中的UT... 查看详情

ueditor百度编辑器中的setcontent()方法的使用

百度编辑器Ueditor所提供的setContent()方法作用是:设置或者改变编辑器里面的文字内容或html内容函数说明:setContent(string,boolean);参数string是需要设置到编辑器里面的内容,可以含有HTML代码,最后插入到编辑器中的内容是经过编辑... 查看详情

百度编辑器

一、打开ueditor.all.js二、大概9300行找到///plugin编辑器默认的过滤转换机制,把下面的?1‘allowDivTransToP‘:true值改成false。为true的时候会自动把div转成p。三、大概9429行,有个case‘li‘,这个是把li里面的样式去掉,把这个case注释... 查看详情

使用ueditor在html编辑内容时,会把div替换成p,如何解决?

使用UEditor在html编辑内容时,会把DIV替换成P,如何解决?参考技术A解决方案:打开ueditor.config.js,敲入配置:,allowDivTransToP:false 参考技术Bctrl+F替换 参考技术C可以看看你的界面吗 查看详情

百度ueditor设置图片自动压缩

 使用百度Ueditor插入图片的时候,如果图片大于你的编辑框宽度,下面会出现滚动条,如下图: 我们如何设置它的最大宽度为100%呢? 找到ueditorueditor.config.js,修改它的initialStyle,添加imgmax-width:100%就可以了,修改结果... 查看详情

百度编辑器ueditor里面的多图上传,点击后弹出一个上传窗口,请问在那个文件修改上传窗口的大小?

...er样式的宽度,高度等内容(根据需要了)参考技术A百度编辑器ueditor:http://www.ucbug.com/soft/19421.html 查看详情

百度富文本编辑器ueditor

前言  配置.netmvc4项目使用ueditor编辑器,在配置过程中遇见了好几个问题,以此来记录解决办法。编辑器可以到http://ueditor.baidu.com/website/download.html#ueditor处下载.net的开发包,如下图,我下载的是1.2.6.1net版本的开发包。配置:1... 查看详情

怎么修改百度编辑器(ueditor)的上传图片大小限制,php版的

上传动态图,超过了4MB,显示大小超出原因是ueditor默认上传图片大小为2M,超出这个大小上传不了解决方法:找到ueditor的配置文件 ueditor/php/config.json 这一项改成你想要的大小就好了参考技术A找到ueditor\dialogs\image ... 查看详情