ueditor为国内少有的优秀编辑器了,它有自动图片下载,自动保存及格式化排版功能了,同时还有代码功能这些功能都非常的实用了,下面我们就来介绍替换Wordpress 后台编辑器为 百度ueditor 编辑器,希望文章对各位有帮助.

1、下载/安装

下载并安装wordpress,下载百度编辑器wp插件.

2、安装百度编辑器

2.1解压之后,把ueditor文件夹复制到wp-content/plugins/下面.

2.2.复制ueditor文件下的 general-template.php 文件到wp-includes/文件夹下面,复制原文件, 或者先把源文件改名.

2.3.修改 general-template.php,大约在文件的第1790行左右:

1. function wp_editor($content, $id = 'content') 
2. { 
3.  echo '<textarea class="wp-editor-area" rows="20" tabindex="1" cols="40" 
4.   name="content" id="content" style="display: none; " aria-hidden="true">'.$content.'</textarea>'; 
5.  echo '<script type="text/javascript" src="../wp-content/plugins/ueditor/editor_config.js"></script>'; 
6.  echo '<script type="text/javascript" src="../wp-content/plugins/ueditor/editor-all.js"></script>'; 
7.  echo '<link rel="stylesheet" type="text/css" href="../wp-content/plugins/ueditor/themes/default/ueditor.css"/>'; 
8.  echo "<script type='text/javascript'> 
9.    var editor = new baidu.editor.ui.Editor( 
10.    {  //phpfensi.com 
11.     initialContent:document.getElementById('content').value, 
12.     textarea:'content' 
13.    }); 
14.    editor.render('content') 
15.   </script>"; 
16. } 

2.4.修改 wp-content/plugins/ueditor/editor_config.js,在开始的地方修改为:

1. var URL=window.location.protocol+"//"+window.location.hostname+"/wp-content/plugins/ueditor/"; 
2. //这里你可以配置成ueditor目录在您网站的相对路径 

3、修饰

修改wp-admin/下面的wp-admin.css,查找#wp-word-count:

#wp-word-count{display:none;padding:2px 10px;}<strong> </strong>/*这个是统计字数的,因为百度编辑器已经有了这个功能,所以none掉,不过可有可无!*/

4、注意

目前官方提供的版本只支持 V3.2.1 版本的Wordpress,对于新版的Wordpress 还存在很多BUG和不足,不建议用在3.2.1以上版本的Wordpress.因此百度编辑器仅供测试.

Tags: ueditor编辑器 Wordpress编辑器

分享到：