Zen Cart 附帶的 WYSIWYG Editor 是 HTMLArea,HTMLArea 是一個很舊、而且不再更新的程式,因此未必是最理想的選擇。目前兩個最流行且免費的 Editor 有 FCKEditor 和 TinyMCE,均可用在 Zen Cart 系統內。雖然有人製作了插件把這兩個編輯器加入,然而這些插件很久沒有更新,未能提供最新版本的 Editor。新的版本除了會加入新功能外,最重要是修補安全漏洞,使用版本太舊的 Editor 存有風險。其實在 Zen Cart 加入 Editor 一點也不難,今次為大家示範如何加入 FCKEditor。
下載及設定 FCKEditor
首先當然要到 FCKEditor 網站下載最新版本的程式,解壓然後上傳到 Zen Cart 安裝目錄(或根目錄)/editors/fckeditor/。順帶一提,上傳這類有很多檔案的程式,更快捷的方法是先上傳整個壓縮檔再在伺服器上解壓,有些網存公司提供的控制台,例如 cpanel 有檔案管理功能,可用作上傳及解壓,當然也有其他方法可以做到,讀者可向網存公司查詢伺服器是否支援解壓功能。上傳後先測試一下,瀏覽 http://你的網址/Zen Cart 安裝目錄(如有)/editors/fckeditor/_samples/default.html,選擇 PHP 的 sample,試用及提交表單。
FCKEditor 有很多 HTMLArea 沒有的功能,其中一個很實用的功能是可使用自定 css style,令輸入的資料有統一的顯示效果,不必死記以前輸入產品資料時用了什麼字體大小、字體顏色等等。而用家更可進一步預先設定模版,例如可以先製作一個產品規格的模版 (當然不要和 Zen Cart 原有的功能重疊),方便日後輸入同類資料。如果大家有需要使用上述功能,請參看 http://docs.fckeditor.net/。
另一個 FCKEditor 很受歡迎的功能是檔案上傳,例如在編輯器中直接上傳圖片,甚為方便。
首先必須開啟這功能
1. 確定 Zen Cart 安裝目錄(或根目錄)/editors/fckeditor/fckconfig.js 中,
var _FileBrowserLanguage = 'php' ;
var _QuickUploadLanguage = 'php' ;
2. 開啟 Zen Cart 安裝目錄(或根目錄)/editors/fckeditor/editor/filemanger/connectors/php/config.php,更改 $Config['Enabled']
為 true.
然後設定上傳的目錄
3. 在 Zen Cart 安裝目錄(或根目錄)/editors/fckeditor/editor/filemanger/connectors/php/config.php,設定上傳檔案的目錄 (relative to root),例如
$Config['UserFilesPath'] = '/userfiles/' ;
4. 部分伺服器需要更改以上目錄的權限到 777 才能上傳,可向網存公司查詢。有關此題目,可參看 Permissions under phpsuexec 。
其實 FCKEditor 有一個更強大的檔案上傳插件,不過是收費版本,讀者可自行決定是否購買。
完成後把更改過的檔案上傳及測試。
整合到 Zen Cart
把 FCKEditor 整合到 Zen Cart 真的很容易,原因是 Zen Cart 一早已替你設定了!開啟 Zen Cart 安裝目錄(或根目錄)/admin目錄/includes/init_includes/init_html_editor.php (注意:據 Zen Cart 的安全指引,必須把 admin 目錄更名),uncomment 以下一句,即刪除 //
// $editors_list['FCKEDITOR'] = array('desc' => EDITOR_FCKEDITOR, 'handler' => 'fckeditor.php', 'special_needs' => '');
把更改的檔案上傅到 Zen Cart 安裝目錄(或根目錄)/admin目錄/includes/init_includes/overrides/ 目錄就完成,到後台更改 Editor 為 FCKEditor 就可使用了。
刪除示範檔案
若果你開啟了檔案上傳功能,必須記得把示範檔案刪除,因 FCKEditor 的位置放於任何人也能瀏覽的目錄,即可看到你上傅的所有檔案,包括你未想公開的。