您在這裡

Drupal6.0 Bata4 安裝 FCKeditor - WYSIWYG HTML editor

edwardkeng's 的頭像
edwardkeng 在 2007-12-20 (四) 17:21 發表

在 Drupal6.0 上頭要安裝 WYSIWYG 編輯器, 之前大家提過的 TinyMCE, Whizzywig, YUI 都不能用, 只有 FCKeditor 能安裝.

說一下安裝的方式:
1. 首先下載 fckeditor-6.x-1.x-dev.tar.gz
http://ftp.drupal.org/files/projects/fckeditor-6.x-1.x-dev.tar.gz
將它上傳到 /modules 解壓縮, 也可以在 PC 端解壓縮後上傳到 /modules
2. 再下載 FCKeditor_2.5.tar.gz(目前的最新版)
http://sourceforge.net/project/downloading.php?group_id=75348&filename=F...
將它上傳到 /modules/fckeditor 解壓縮, 也可以在 PC 端解壓縮後上傳到 /modules/fckeditor
做到這個步驟目錄應該是如下的這樣:
modules
|--fckeditor
|--fckeditor
|--_samples
|--editor

3. 修改 /modules/fckeditor/fckeditor/fckconfig.js
var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py
再它的下方加上
FCKConfig.QuickUploadLanguage = _QuickUploadLanguage;

4. 修改 /modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php
$Config['Enabled'] = true ;
$Config['UserFilesPath'] = 'files/' ; //因為安裝 Drupal6.0 Bata4 原本就會有一個使用者資料夾,就用這個吧!
$Config['UserFilesAbsolutePath'] = '/drupal_root/files/' ; //這個是上面 UserFilesPath 的絕對路徑

5. 在剛剛設定的 UserFilesPath 之下建立四個資料夾 File, Image, Flash, Media
並將權限設成 777.

6. 在 Drupal 的管理頁面啟用 FCKeditor 模組.
admin -> build -> modules

7. 授於使用者使用 FCKeditor 的權限
admin -> user -> permissions

8. 建立 FCKeditor 的 Profile(內建的兩個 Profile Default & Advanced 可以拿來更改)
admin -> settings -> fckeditor
toolbar 選取 default
語系選取 ZH(繁體中文)

9. 設置過濾器, 授予使用者 Full HTML
admin -> settings -> filters

將底下的標籤加入配置. (請將全形<改成html標簽 < , > 改成html標簽 >)
<a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area>
<hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em>
<b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote>
<pre> <address> <code> <cite> <embed> <object> <strike> <caption>

將換行轉換器 "Line break converter" 停用.

10. 設定 FCKeditor
admin -> settings -> fckeditor ->
10.1 Basic setup
Allow users to customize FCKeditor appearance: false
10.2 Visibility settings
Allow users to customize FCKeditor appearance: 1
Use inclusion or exclusion mode: Exclude fields, will disable the editor on all selected fields
Force simplified toolbar - choose inclusion mode: Include fields, will only load the simplified toolbar for the selected fields
10.3 Editor appearance
Default state: enabled
Show disable/enable rich text editor toggle: true
Use FCKeditor in a popup window: false

11. Disable Javascript
admin -> settings -> performance

這樣就可以使用 FCKeditor 了! 其它的小細節可以依自己的需要調整.