百度富文本编辑器UEditor自己做一些优化

图片相关

控制台提示后台配置项返回格式出错，上传功能将不能正常使用！

打开控制台就看到这个报错，上传功能需要提供正确的后端接口，具体可以看官方文档，如果上传的接口有多个，可以参考我的另一篇文章

插入的图片尺寸过大

如图可以看到这张图片占满了整个屏幕，需要出现了滚动条，想让图片自适应宽度。

1. 找到 ueditor/themes文件夹下有个iframe.css，默认只有一行注释，在里面加上自定义样式：

/*可以在这里添加你自己的css*/
img {
    max-width: 100%; /*图片自适应宽度*/
}

2. 还有就是一个魔改版了，找到 ueditor/ueditor.all.js，找到render函数大概在7527行，在这里加上上面的css样式

图片跨域报错

图片粘贴无反应

配置imageUrl就行了

转化HTML默认添加p标签，列表自动加p标签

阻止打开页面就自动加p，或者切换html就加p，在ueditor.all.js里面找到下图这里，注释掉。

阻止自动把div转成p：

在ueditor.all.js这里把allowDivTransToP参数置为false

在ueditor.config.js顺便检查下allowDivTransToP这个参数：

自动给li里面的内容增加一个p

在ueditor.all.js找到监听addUnoutRule事件，注释这里的代码

阻止粘贴HTML格式的ul和ol被转义了

不让li去掉样式，注释掉下面的代码：

不要自动给ul、ol加样式，注释掉下面的代码：

在ueditor.all.js找到监听beforepaste事件，注释这里的代码

找到adjustListStyle方法，下手狠点的可以全都注释掉。不过你在ueditor.config.js里面配置的这个也无效了

去除冗余标签

1. 去ueditor.config.js这里设置：
   
2. 再到ueditor.all.js这里修改下判断冗余标签的逻辑：
   

输入"? ! $ #" 这些特殊字符没触发contentChange事件

原因是UEditor本身的contentChange在shift键按住时不会触发。可以自己写个MutationObserve去解决这个问题。