2,355 瀏覽數

Druapl 7 Modules – CKEditor 文字編輯器(二)

前面用了 wysiwyg + FCKeditor "http://benjr.tw/12747" 不過我遇到的問題是再轉換編輯模式時 HTML 標籤會全部擠成一團,在編譯上相當不方便,所以後來選了另外一套 CKEditor – WYSIWYG HTML editor,這個模組在 Drupal 官方網站或是 CKEditor 官方網站皆可以找到.
CKEditor 編輯器模組安裝設置步驟:

CKEditor:

  1. 官方網站說明建議我們到 CKEditor 去下載檔案,的確我試過 Drupal 所下載的怪怪的沒辦法啟動,在 CKEDitor http://ckeditor.com/ckeditor-for-drupal 下載 .zip 的檔案格式.並將 CKEditor 解開到 site/all/modules 裡.

    [root@benjr ~]# wget http://download.cksource.com/ckeditor_3.6.3_for_drupal_7.zip
    [root@benjr ~]# cd /var/www/html/site/all/modules
    [root@benjr modules]# unzip http://download.cksource.com/ckeditor_3.6.3_for_drupal_7.zip
    
  2. 到 Drupal 的管理介面/ 模組.到最下面可以看到使用者介面 (User interface section) 選擇啟動 CKEditor.
    drupal_editor01
  3. 在管理選項 » 使用者 » 權限 » CKEditor 可以修改使用者權限,預設只有管理者 (administrator user) 可以擁有下面的權限,建議使用預設值即可.

    • Administer CKEditor access
      Allow users to change CKEditor settings.
    • Customize CKEditor appearance
      Allow users to customize CKEditor appearance.
    • CKFinder access
      Allow users to use CKFinder.
  4. 系統的內容撰寫與文字格式 (管理選項 » 設定 » 內容撰寫 » 文字格式) 預設有 4 種文字格式在 CKEditor 我們可以設定不同的個人資料使用不同的輸入格式 (管理選項 » 設定 » 內容撰寫 » CKEditor) 預設有 2 種個人資料在 Edit the CKEditor profile 主要可以設定

    • Full HTML
    • Filtered HTML
    • PHP code
    • Plain text
    • Advanced
    • Full
    • 基本設定 » 文字格式 的對應
    • 編輯器外觀 » 工具列 有 基本 | Advanced | Full 可以選擇
    • File browser settings » File browser type (Link dialog window)
      預設有 CKFinder 可以供選擇(後面有針對這一項做詳細討論)
  5. 不過 CKEditor 只提供試用,如果試用的很開心,不要忘記去購買他的授權( license) 
    ckeditor02
    在 管理選項 » 設定 » 內容撰寫 » CKEditor » 整體設定 就可以輸入 License Information

    • License name
    • License key

CKFinder:

CKEditor 編輯器本身就提供圖片上傳器,在 管理 / 網站設定 / CKEditor settings 點選你想要修改的使用者.
ckeditor03
在 File browser settings 中可以看到 File browser type 你可以選擇 CKFinder 或是安裝其它的圖片上傳工具如 IMCE http://benjr.tw/12845 下次圖片的上傳都可以以選單的方式來解決.
ckeditor01
不過在啟動後卻遇到一堆問題

  • The file browser is disabled for security reasons.
    The file browser is disabled for security reasons.Please contact your system administrator and check the CKFinder configuration file.
    上網查了一下主要我們需要編輯 /var/www/html/sites/all/modules/ckeditor/ckfinder/config.php CKFinder 的設定檔

    [root@benjr ~]# vi /var/www/html/sites/all/modules/ckeditor/ckfinder/config.php
    CKFinder_Config.Add "SecureImageUploads", true
    
  • It was not possible to load the XML response from the web server.
    這個問題很怪,我也一直無法解決,所以放棄了,最後採用了 IMCE ( http://benjr.tw/12845 ) 的解決方案!

網友的想法

  1. 自動參照通知: Druapl 7 Modules – TinyMCE 文字編輯器(一) | Benjr.tw

發表迴響