澎湖人自由軟體交流網

4-1 Wysiwyg+Ckeditor+media整合

1)先安裝啟用Wysiwyg模組 http://drupal.org/project/wysiwyg

 

2)下載Ckeditor 4的libraries並多壓至/sites/all/libraries/
http://ckeditor.com/download 下載4.0版，解至/sites/all/libraries/

 

3)修改Wysiwyg的ckeditor.inc檔案(因wysiwyg無法辨識Ckeditor4.X)
編輯/sites/all/modules/wysiwyg/editors/ckeditor.inc

修改81行：

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

修改後儲存。

4)設定Wysiwyg整合Ckeditor
開啟模組管理頁面，點選Wysiwyg的設置，將Full HTML及Filter HTML都設定為Ckeditor，並修改其工具列工具

 

設定Buttons AND Plugins，勾選常用工具。

新增文件時就能使用所見即所得編輯器來編輯文章

 

5)安裝Media模組 -- http://drupal.org/project/media

安裝media模組前要先安裝啟用ctools，接著安裝Views模組並啟用Views及Views UI模組

請下載安裝Media 7.x-1.2版本

 

接著將File entity、Media及Media internet模組啟用

在內容管理處就會多出一個「媒體」的頁籤，透過這邊就能管理媒體，還可上傳檔案

 

6)整合Wysiwyg+Ckeditor+Media

點選「管理選單/模組/Wysiwyg的設置」，修改Full HTML的工具列工具，請加選Media browser，儲存後，在新增內容文件時就可以透過工具列上的media browser來上傳或選擇伺服器上的圖檔。

 

註：

要在內文插入圖片就必須點選「管理選單/設定/內容撰寫/文字格式/FULL MHTL」，然後啟用media標籤換HTML(Convert Media tags to markup)。