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

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

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

一、打开ueditor.all.js

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

‘allowDivTransToP‘:true

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

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

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

五、大概14220行,

node.className = utils.trim(node.className.replace(/list-paddingleft-\w+/,‘‘)) + ‘ list-paddingleft-‘ + type;

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

下面的14222行

li.style.cssText && (li.style.cssText = ‘‘);

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

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

时间: 2024-10-29 19:06:35

百度Ueditor编辑器的Html模式自动替换样式的解决方法的相关文章

微擎ueditor编辑器图片批量上传顺序混乱的解决方法

上周六有客户反映刚上线的商城管理系统在商品详情页批量上传图片的时候出现图片显示顺序与上传顺序不一致的问题,经排查,发现是编辑器在上传时是按上传完成的顺序插入图片的,即先传完先显示,在网上查了一下,发现很多人都有遇到这个问题,初步认为是ueditor编辑器的bug,于是按照网上的方法去解决,但都没有解决问题,调试查找之后发现网上的解决方法根本不适合微擎的多图上传,因为涉及的文件都没有被调用....无奈只好自己查找,在和同事查找了将近一天之后终于找到了两个相关文件,然后又花了些功夫,最后总算是弄好了

百度ueditor编辑器注入漏洞修补查杀程序

百度ueditor编辑器注入查杀程序,用于对百度ueditor的漏洞补丁进行查杀,使用时需要保证本地正确部署了.net 4.0服务. 百度ueditor编辑器是目前网上比较流行的一个网站编辑器,但由于官方缺乏维护,存在一定的BUG,容易引起注入挂马等风险,本工具有一定的处理作用. 使用前请先关闭windows Defender 目录形式可以是如下: D:\web\wwwroot|E:\web|E:\webhost\wroot|F:\wwwwroot 查杀后,如果相应文件丢失,应用默认程序进行替换

百度Ueditor编辑器的使用

百度Ueditor编辑器  开发版  PHP 在thinkphp中的Index/index.html文件代码: 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html lang="en"> 3 <head> 4 <meta http-equiv="Co

百度UEditor编辑器关闭抓取远程图片功能(默认开启)

这个坑娘的功能,开始时居然不知道如何触发,以为有个按钮,点击一下触发,翻阅了文档,没有发现,然后再网络上看到原来是复制粘贴非白名单内的图片到编辑框时触发,坑娘啊............... 问题又来了:今天在写百度UEditor编辑器的[取远程图片功能]时有碰到:该功能如何关闭了? 又花了15分钟左右的时间查阅了[官方文档]以及[官方论坛],都没有找到解决办法,那就查阅下源文件看看,是否有相关的判断呢(本人JS非常烂) 于是马上查阅:ueditor.all.js文件,发现如下代码 // plu

百度UEditor编辑器使用教程与使用方法

我们在做网站的时候,网站后台系统一般都会用到web编辑器,今天笔者就给大家推荐一款百度UEditor编辑器.关于这款百度UEditor编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟大家分享一下百度UEditor编辑器使用教程与使用方法,希望对大家有所帮助. 第一:百度UEditor编辑器的官方下载地址 ueditor 官方地址:http://ueditor.baidu.com/website/index.html 开发文档地址:http://ueditor.baidu.com/web

后台章编辑器可视区域没有显示样式的解决方法

使用后台文章编辑器的时候,会当自定义class样式在style.css时, 我们在文章编辑器加入class时,发现样式并没有显示出来, 只有当在预览页面时才能看到样式. 解决方法: 在对应的主题下的functions.php下添加以下代码: // 指定editor-style.css为编辑器CSS add_editor_style('./style.css', '1.0' ); 此时文章编辑器的可视区域会加载style.css 原文地址:https://www.cnblogs.com/ryanz

页面插入百度UEditor编辑器

工作中用到了百度的富文本.以下总结记录一下,UEditor嵌入网页的方法. 第一步 到百度UEditor官网下载所需版本:http://ueditor.baidu.com/website 本次下载的是 utf-8的jsp版:ueditor1_4_3_2-utf8-jsp.zip. 第二步 解压得到如图文件结构;之后打开jsp/lib/ 将lib下的jar包 导入项目,注意jar包版本问题,如果项目中有相同的包,删掉低版本保留高版本的. 第三步 浏览器打开index.html会发现这是UEdito

百度Ueditor编辑器取消多图上传对话框中的图片搜索

百度Ueditor确实是一个非常强悍的编辑器,功能强大!但是实际开发需求复杂,总会有各种不符合要求的,比如想要取消多图上传的“图片搜索”选项卡(这个图片搜索真心难用)! 以ueditor 1.4.3为例: 1.打开ueditor1.4.3\dialogs\image\image.html 2.删除第25行 <span class="tab" data-content-id="search"><var id="lang_tab_search

为百度UEDITOR编辑器上传图片添加水印

form:http://www.uphtm.com/php/255.html UEDITOR编辑器上传图片是自动提取的,但是图片没有水印功能,下面小编和各位一起来看看. UEditor编辑器没有上传图片加水印的功能,需要进行二次开发,本例是在PHPCMS系统中对百度编辑器进行二次开发,添加上传图片加水印功能. 首先打开UEditor编辑器文件目录的php文件夹,打开Uploader.class.php,把PHPCMS添加水印的方法复制过来,加到这个类所有成员方法最后面,然后进行修改如下: //图