痞客興的部落格

1.首先我們必須先安裝CKEditor的lib,請先到http://ckeditor.com/download下載,我的下載連結是

http://download.cksource.com/CKEditor/CKEditor/CKEditor%203.6.6/ckeditor_3.6.6.zip

2.將這個下載檔案,解壓縮到sites/all/libraries/,完成後會出現一個目鍵ckeditor,確認裡面有ckeditor.js

3.在drupla模組下載網頁內搜尋Wysiwyg,下載後安裝並啟用.(安裝方法步驟類同,請參考http://charleslin74.pixnet.net/blog/post/421251964)

4.在模組管理頁面找到Wysiwyg,操作欄有一個"設置"的選項,點擊後出現三個項目,請將"Filtered HTML"及"Full HTML"的編輯器更改為CKEditor.

5.接著點選操作欄的編輯,點選"BASIC SETUP",將Interface language設為"Chinese, Traditional 繁體中文".

6.再接著點選"BUTTONS AND PLUGINS",將所有的工具勾選後,按"儲存".

7.接著我們要安裝IMCE這個直接在編輯器上傳圖片的工具前,要先安裝一個與Wysiwyg的中介者IMCE Wysiwyg API bridge,在drupla模組下載網頁內搜尋IMCE Wysiwyg API bridge,下載後安裝共啟用.(安裝方法步驟類同,請參考http://charleslin74.pixnet.net/blog/post/421251964)

8.在drupla模組下載網頁內搜尋IMCE,下載後安裝並啟用.(安裝方法步驟類同,請參考http://charleslin74.pixnet.net/blog/post/421251964)

9.到模組管理頁面找到Wysiwyg,點操作欄"設置"的選項,在"BUTTONS AND PLUGINS"內出現了一個新的工具"IMCE http://drupal.org/project/imce",勾選後儲存即可.

10.安裝完後你的網頁編輯器就會出現許多的工具,包含字型,字型大小,顏色等等,也可以直接上傳圖片,真的很方便.