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.    {  //Vevb.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.因此百度編輯器僅供測試.