如何用百度UEditor编辑器替换WordPress编辑器

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用百度UEditor编辑器替换WordPress编辑器相关的知识,希望对你有一定的参考价值。

为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要设置,用默认基本是要出问题的。

参考技术A WordPress下自带的编辑器如图,是不是很简陋?想要从本地插入图片,一时还不知道该怎么操作。

下载【Ueditor编辑器1.4.3.1 for wordpress 4.0插件.zip】到电脑里,感谢UEditor和插件的开发者。
进入WordPress,后台,点击【安装插件】

由于我们是把插件下载到电脑里,所以需要点击【上传插件】来进行安装

【浏览】到【Ueditor编辑器1.4.3.1 for wordpress 4.0插件.zip】所存放的位置,点击【现在安装】

稍等片刻,插件就上传、安装成功了。

点击【启用插件】。

这时,再尝试”撰写新文章“,看看这编辑器页面。

如果想要停用UEditor,在后台选择”停用“即可,要删除插件,必须先停用。本回答被提问者采纳

以上是关于如何用百度UEditor编辑器替换WordPress编辑器的主要内容,如果未能解决你的问题,请参考以下文章

Textarea - 百度富文本编辑器插件UEditor

百度编辑器ueditor工具,如何去掉百度编辑器 ueditor 元素路径字数统计等

百度编辑器PHP版的不会配置了UEditor1.2.4.0版本

django之百度Ueditor富文本编辑器后台集成

百度在线编辑器ueditor的使用

页面插入百度UEditor编辑器