ckeditor 4.x版在drupal 7上的安裝說明

Step1.請到https://drupal.org/project/WYSIWYG將這個模組安裝起來。

Step2.請到http://ckeditor.com/download下載Full packages。

Step3.請在drupal7安裝資料夾底下的->sites\all新增一個「libraries」資料夾，並將Step2下載的壓縮檔解壓縮到此資料夾。解壓縮之後的路徑應該會像是X:\XAMPPPortable\htdocs\drupal7_1\sites\all\libraries\ckeditor ，此資料夾內的資料應該會如圖

Step4.請至"\sites\all\modules\wysiwyg\editors"資料夾，用文字編輯器修改ckeditor.inc檔案，將大約81行開始的內容修改如下：

原始內容↓

if (preg_match('@version:\'(?:CKEditor )?([\d\.]+)(?:.+revision:\'([\d]+))?@', $line, $version)) {

修改成↓

if (preg_match('@version:\"(?:CKEditor )?([\d\.]+)(?:.+revision:\"([\d]+))?@', $line, $version)) {

然後將第85行，原始內容↓

return $version[1] . '.' . $version[2];

修改成↓

return $version[1];

存檔並關閉檔案。

Step5.進到模組管理頁面，找到Wysiwyg模組並啟用它，啟用後點選此模組右邊的設置進行設定，選擇讓Ckeditor編輯器可以出現在何種文字內容，並儲存；存儲後應該可以見到如下圖示：

Step6.點選如上圖的「編輯」，進入ckeditor設定頁面；在「Basic Setup」底下可以選擇語言，此語言的顯示是在鼠標移到某個功能按鈕上時，會跑出此按鈕的名稱的顯示語言。再點選「Buttons and Plugins」頁面，此頁面可以設定ckeditor編輯器可用的功能，請自行選擇想要使用的功能，如果是網站管理者，建議全選並儲存。

Step7.大至上設定完成後，可以到新增內容測試看看ckeditor編輯器有沒有正常運行，例如我設定在文字內容為「Full Html」時才會出現ckeditor，就在下方的文字內容選擇FULL HTML，此時CKEditor就會出現在編輯區的上方，如圖：