1,541 瀏覽數

Druapl 7 Modules – TinyMCE 文字編輯器(一)

Druapl 很怪的一件事他預設的文字編輯器只有純文字 HTML 的編輯方式,每次在編寫文章需要自己編寫 HTML 格式的文章,我在 Drupal 6 時所使用的文字編輯器是 TinyMCE,但在 Drupal 7 時 TinyMCE 核心程式已經不支援了必須改用 Wysiwyg API 這個模組才能使用.

http://drupal.org/project/tinymce 有說明
This module has been replaced by Wysiwyg API, which (also) integrates the TinyMCE editor with your Drupal site and provides the same functionality. Most (if not all) users should install or migrate to Wysiwyg API instead.

不過 Wysiwyg API 只是編輯器的核心程式還必須搭配編輯器程式,目前有支援的編輯器程式有 FCKeditor 2.6, jWYSIWYG 0.5, markItUp 1.1.5, NicEdit 0.9.0, TinyMCE 3, TinyMCE 2, Whizzywig 55.

不過我試了幾種之後,發現好像只有 Wysiwyg +TinyMCE 才可以用.

Wysiwyg + TinyMCE

Wysiwyg 編輯器模組安裝設置步驟:

  1. Wysiwyg 這個模組需要放置於 site/all/modules 裡

    [root@benjr ~]# wget http://ftp.drupal.org/files/projects/wysiwyg-7.x-2.1.tar.gz
    [root@benjr ~]# cd /var/www/html/site/all/modules
    [root@benjr modules]# tar -zxvf /root/wysiwyg-7.x-2.1.tar.gz
    
  2.  管理選項  »  模組  » 啟動 Wysiwyg 模組這樣就好了,接下來需要編輯器程式.

TinyMCE

  1. TinyMCE 下載編輯程式,或是透過 wget 也可以,傳統的 TinyMCE 只支援到 Drupal 6 所以新版支援 WYSIWYG 的 TinyMCE editor 必須要官方網站 http://www.tinymce.com/ 下載.

    [root@benjr ~]# wget http://github.com/downloads/tinymce/tinymce/tinymce_3.5.6.zip
    
  2. 將下載的 tinymce 解開至 site/all/libraries (不是在 modules)

    [root@benjr ~]# cd /var/www/html/site/all/libraries
    [root@benjr libraries]# unzip http://github.com/downloads/tinymce/tinymce/tinymce_3.5.6.zip
    
  3. 啟動模組後設定請參考 http://benjr.tw/12762 來調整即可

Modules – IMCE
Tinymce 所提供的插入圖片功能說實在話不是很好用,你必須知道檔案確實所在的位置,而且還須先將圖片上載到特定的地點.所以提供了另一個 module – IMCE 下載網址為 http://drupal.org/project/imce 設定請參考 http://benjr.tw/12845

但最後我沒採用這個方式,我遇到的問題是再轉換編輯模式時 HTML 標籤會全部擠成一團,在編譯上相當不方便,所以後來選了另外一套 CKEditor – WYSIWYG HTML editor http://benjr.tw/12735

網友的想法

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

發表迴響