如何用百度UEditor编辑器替换WordPress编辑器
2016-05-14
为WordPress更换百度Ueditor编辑器
先声明,我现在在使用的wp为3.9版本。Ueditor插件为1.30。
在网上找过很多富文本插件,感觉国产的这个用起来最强大,最舒服。而且还内置baidu地图,google地图。为什么不去用呢?
这个插件的几个重要问题如使用后contact-form-7失效,图片上传后被自动压缩的看不清。我都会告诉大家解决方案。
为什么要更换Ueditor编辑器?
先上一个原来的编辑器图片,超级简单吧。根本无法满足我的需要。
下载和安装方法。
自己在百度上搜索 ueditor wordpress插件吧。这里不提供了,百度审核不通过。
下载后解压,直接放在这个目录下,然后启动。
已有问题的解决
1、Ueditor为了安全考虑,转译了一些特殊标签和符号。也会在段落的地方加<p>标签。
不过这些都不影响使用,实在影响的自己可以写CSS样式控制。再或者只能改源码了。
改源码方式,我这里就不写了,我也没有用上。
我是通过CSS方式去处理的。
但有个最大的问题,就是使用ueditor后,concact-form-7无法使用,会出现404。把这个插件禁用后,就会没有问题。所以我想和在HTML格式下加p标签和特殊符号转译有关。
所以我这里的解决方法很笨。也很简单。就是我们在使用concact-form-7时,基本都是用在单页面上的。所以我们在要用时,就把ueditor停用一下。把短码打后发布后再启用就是了。
2、图片失真,被自动压缩。我在网上看到几个网友有这样的问题,也没有解决,这里发出来给大家参考下。
这个问题是概览事件,上传几次图片后,就会不再被压缩得很小。不过我还是找了下配置文件。改后确实不再有这个问题了。
上图.这个是配置文件位置,打开编辑
把compressSide:1前的//去掉,
设置为1
然后自己更改合适的压缩比例。maxImageSideLength
我这里是 700px
意思就是上传图片最大宽度700px,以宽度为准,如果宽度大于700,就缩放到700px.高度自适应。
而我们原来的设计只有一个maxImageSideLength:900;而compressSide默认值为0.
也就是说,如果图片以最长边为准。
例子:长9000PX,宽900px图片上传。会把高9000等比缩放为900,而宽自然被缩放为90.所以就出现图片失真问题!
注意事项
请下载上面给出的地址下载。
maxImageSideLength和compressSide要设置,用默认基本是要出问题的。
2024-07-20 广告
下载【Ueditor编辑器1.4.3.1 for wordpress 4.0插件.zip】到电脑里,感谢UEditor和插件的开发者。
进入WordPress,后台,点击【安装插件】
由于我们是把插件下载到电脑里,所以需要点击【上传插件】来进行安装
【浏览】到【Ueditor编辑器1.4.3.1 for wordpress 4.0插件.zip】所存放的位置,点击【现在安装】
稍等片刻,插件就上传、安装成功了。
点击【启用插件】。
这时,再尝试”撰写新文章“,看看这编辑器页面。
如果想要停用UEditor,在后台选择”停用“即可,要删除插件,必须先停用。