百度UEditor編輯器插件1.3.6?

UEditor1.3.6 for wordpress4.3.1,目前最新的UEditor版本是UEditor1.4.3.1

強大的百度開源富文本編輯器Ueditor正式登陸wordpress！

之前一直使用wordpress自帶的編輯器，後來感覺功能太簡單，不夠強大，尤其對於中文寫作的國人來說，總有些不順的地方。所以不少朋友都會找其他編輯器替代，之後又陸續換了Kindeditor For WordPress，CKEditor for WordPress等，均有各種各樣的BUG，最後發現了UEditor，但是官方已經不提供插件下載。偶然看到WordPress集成Ueditor編輯器的介紹，順手分享過來，需要的朋友就折騰吧。

工具/原料

Wordpress4.3.1

UEditor1.3.6

方法/步驟

準備工作：

WordPress 4.3.1 （假設你已經安裝好了）

wp-ueditor.zip 這是舊版的UE插件

ueditor1_3_6-utf8-php 最新版的UE，我這裡下載的是php版本，其他版本的請自行到進行下載

提取文件：

新建一個文件夾new-ueditor，用於存放新插件的相關文件。

還記得上面準備工作裡兩個壓縮包嗎，現在就要提取相關文件到new-ueditor中去。

從 ueditor1_3_6-utf8-php.zip 中提取 ueditor1_3_6-utf8-php文件夾 到 new-ueditor 下，並改名為 ueditor

從 wp-ueditor.zip 中提取 main.php 到 new-ueditor 下 ，並改名為 ueditor.php

從 wp-ueditor.zip 中提取 ueditor.class.php 到 new-ueditor\ueditor 下

現在所需的文件已經足夠了，以後的修改全在 new-ueditor文件夾 下進行。

new-ueditor 文件夾的目錄結構如下：

new-ueditor\ueditor 文件夾的目錄結構如下：

修改文件：

既然這些文件是從最新版UE和舊版UE插件中整合而來，那麼必然會存在一些文件路徑、文件名上的差異，接下來修改這些差異。

打開 new-ueditor\ueditor.php 文件，找到以下代碼並修改。

@include_once( dirname( __FILE__ ) . "/ueditor.class.php" );

修改為

@include_once( dirname( __FILE__ ) . "/ueditor/ueditor.class.php" );

打開 new-ueditor\ueditor\ueditor.class.php，找到以下代碼並修改。

$url = plugin_dir_url(__FILE__);

echo '';

echo ' ';

}

修改為

$url = plugin_dir_url(__FILE__);

echo '';

echo ' ';

}

繼續找到

function ue_importUEditorResource(){

$url = plugin_dir_url(__FILE__);

echo '';

echo '';

echo '';

echo ' ';

}

修改為

function ue_importUEditorResource(){

$url = plugin_dir_url(__FILE__);

echo '';

echo '';

echo '';

echo ' ';

}

最後要修改的就是 WordPress 裡的一個文件，這個文件是 wp-admin\edit-form-advanced.php

利用查找功能查找 do_action( 'edit_form_after_title', $post ) 找到以下代碼並進行修改

do_action( 'edit_form_after_title', $post );

if ( post_type_supports($post_type, 'editor') ) {

?>

把上面的代碼替換為以下代碼：

do_action( 'edit_form_after_title', $post );

//========================================== UEditor修改代碼開始 ==========================================

if ( post_type_supports($post_type, 'editor') ) {

$editor_close_flag = get_option("close_default_editor");

//當UEditor插件停用時引用wordpress原有代碼

if( "true" != $editor_close_flag ){

?>

} else { //當UEditor啟用時使用修改後的代碼

echo '';

echo '';

if ( $last_id = get_post_meta($post_ID, '_edit_last', true) ) {

$last_user = get_userdata($last_id);

printf(__('Last edited by %1$s on %2$s at %3$s'), esc_html( $last_user->display_name ), mysql2date(get_option('date_format'), $post->post_modified), mysql2date(get_option('time_format'), $post->post_modified));

} else {

printf(__('Last edited on %1$s at %2$s'), mysql2date(get_option('date_format'), $post->post_modified), mysql2date(get_option('time_format'), $post->post_modified));

}

echo '';

}

}

//========================================== UEditor修改代碼結束=======================================

保存修改。

另外發現，在後臺寫文章時，編輯器的工具欄浮動時會被WordPress頂部遮擋住一部分，這裡需要修改編輯器的配置文件。

配置文件是 new-ueditor\ueditor\ueditor.config.js

找到

//,topOffset:30

去掉前面的註釋符號，即修改為

,topOffset:30

保存。

好了，所有文件都修改完畢了。

安裝 UEditor 插件：

現在拷貝 new-ueditor 下的所有文件（即 ueditor.php文件 和 ueditor文件夾）到 WordPress 的插件目錄下，即 wp-content\plugins\

清理瀏覽器緩存，登錄WordPress後臺啟用 UEditor 插件就可以使用強大的UEditor編輯器了。

注意事項

可按教程操作

也可直接下載文件