wordpress 集成百度ueditor编辑器

之前WordPress默认编辑器出问题了,无法上传上传图片,内容排版也非常不友好,一直想把它换掉
在插件市场也没有找到好用的,于是萌生了一个想法,将百度的ueditor集成到wordpress中,
刚开始是想使用百度现成的ueditor-for-wordpress插件,前往官网发现该插件已经下线了
只能另想办法了,网上搜索关于如何将ueditor集成到wordpress中的文档,
发现大多数都是前往ueditor官网下载http://ueditor.baidu.com/download/wp-ueditor.zip 文件,
很多文档都是互相抄袭,基本上找不到有价值的内容
没办法只能自己动手了,经过不断的摸索,终于找到了解决方法,这篇文档便是用Ueditor编辑的


注意:以下方法仅在wordpress.4.1.24版本中测试过,新版本下是否有效尚不清楚,建议谨慎操作

该方法需要替换wordpress系统文件,请做好备份工作

 

首先在wordpress\wp-includes目录下找到class-wp-editor.php文件,该文件为wordpress 默认的编辑器类文件,

将该文件复制一份到其他目录用作备份

将下载好的ueditor解压上传到/wp-content/plugins/ 目录下

 

创建一个新的class-wp-editor.php文件,内容如下

<?php

final class _WP_Editors{

    private function __construct() {}

    public static function editor( $content, $editor_id) {

        echo<div id=”wp-‘ .$editor_id . ‘-wrap” class=”my-editor ‘ .$wrap_class. ‘”>’;

        echo ‘<div
id=”myue-editor”><script id=”editor” type=”text/plain”
style=”width:1024px;height:500px;”></script></div></div>’
;

    }

}

?>

<script type=‘text/javascript’ charset=‘utf-8′ src=‘/wp-content/plugins/utf8-php/ueditor.config.js’></script>

<script type=‘text/javascript’ charset=‘utf-8′ src=‘/wp-content/plugins/utf8-php/ueditor.all.js’></script>

<script type=‘text/javascript’ charset=‘utf-8′ src=‘/wp-content/plugins/utf8-php/lang/zh-cn/zh-cn.js’></script>

<script type=‘text/javascript’ charset=‘utf-8′>var ue=UE.getEditor(‘editor’);</script>

 

替换\wp-includes目录下的class-wp-editor.php文件为手动创建的

为了让ueditor 编辑的内容能够提交到wordpress 还需要修改ueditor 的textarea标签的name

找到第74

//,textarea:’editorValue’ // 提交表单时,服务器获取编辑器提交内容的所用的参数,多实例时可以给容器name属性,会将name给定的值最为每个实例的键值,不用每次实例化的时候都设置这个值

将textarea的值改成’content’,并将注释去掉

最终效果

图片.png

因为修改了wordpress 默认编辑器会导致有些不可预料的问题,

例如,无法获取已发布的内容,关闭ueditor预览和最大化的按钮被遮挡(修改css:z-index可解决),等各种问题有待解决,

该方法仅作为参考,并非教程文档,请谨慎尝试

wordpress 集成百度ueditor编辑器

转载请注明来源:幽幽过客_{wordpress 集成百度ueditor编辑器}