Drupal 搜尋

線上使用者

目前共有 0 位註冊使用者5 位訪客 在線上。

訂閱服務...

書籍推薦

贊助連結

FCKeditor 模組 - 另一個 WYSIWYG 所見即所得網頁編輯器 ( Part I)

Arthur Yu 的照片
Average: 4 (4 votes)

阿舍其實很早就接觸過 FCKeditor 這個所見即所得的網頁編輯器,大概是在 FCKeditor 2.0 剛出來沒多久的時候,那個時候是自己用 PHP 去和 FCKeditor 去兜起來,是還滿麻煩的,還好現在有好心的大德寫成 Druapl 的模組,就更好用了...呵...呵。


那為什麼阿舍一開始是用 TinyMCE 而不是用 FKCeditor 呢 ? 唉 ! 沒辦法 ! 之前 FCKeditor 一直都在 Beta 版,常來的大德們就知道,阿舍不太喜歡用 Beat 版本的模組,所以就給它放著等,直到前陣子來到 RC 版時,阿舍就下載來用囉 ! 不知是不是之前有用過的關係,呵 ! 怎麼覺得好親切,也有比較好用說.....( 純屬感覺,沒有比較那一個卡好用的意思哩 !...=___=!!)。

贊助連結

所以,阿舍今天就來說明一下 FCKeditor 的安裝設定,阿舍有試用過 FCKeditor 的 2.5.x 和 2.6.x 版都可以適用在這個 FCKeditor 模組。 FCKEditor 模組和 TinyMCE 模組一樣,本身並沒有完整的功能,只是提供一個和 Druapl 連結的界面,所以都需要再下載和安裝 FCKeditor 的本尊程式才行,以下就是詳細的安裝、設定步驟。

0. 下載 FCKeditor
首先到 http://www.fckeditor.net/download 下載 2.6.3 版的 FCKeditor。

1. 下載安裝 FCKeditor 模組
接著到 http://drupal.org/project/fckeditor 下載 FCKeditor 模組,上傳到網站的模組資料夾 ( site/all/modules)。

2. 安裝 FCKeditor 程式
在網站上的 FCKeditor 模組資料夾裡,建立一個叫做 fckeditor 的資料夾,然後把下載來的 FCKEditor 程式解壓縮之後,把除了 _samples 的資料夾以外的檔案和資料夾全都上傳到新建的 fckeditor 目錄下,雖然上傳的檔案不是全部都會用到 ( FCKeditor 支援多種程式語言,所以會有很多支援不同語言的檔案),但是這是最快的方式....呵....呵,但是,請各位大德別偷懶,連 _samples 資料夾都上傳,阿舍有試過,會有問題的....=___=!!。

3. 啟用 FCKeditor 模組
FCKeditor 的程式安置好之後,就可以到「管理」 ›「 網站建置」 ›「 模組」 來啟用模組了。

4.設定權限
請到「管理」 › 「使用者管理」 › 「權限控制」>「fckeditor 模組」裡設定下列權限

access fckeditor
至少要有這個權限才能在 Profile 裡設選用此角色。

administer fckeditor
有這個權限才能建立和修改 Profile。

allow fckeditor file uploads
可以在 FCKeditor 編輯器裡使用檔案上傳的功能。

5. 設定 Profile
啟用模組之後就可以到 「管理」 ›「 網站設定」 ›「 FCKeditor」來啟用設定檔 ( Profile ),不過,這個部份要再稍等一下囉 !!,今天就先到這裡了 ^^=。

FCKeditor 官網
http://www.fckeditor.net/

Drupal +FCKeditor 的展示網
http://drupal.fckeditor.net/

Install WYSIWYG in Drupal in 7 minutes ( 教學網站 )
http://drupal.fckeditor.net/installation

Arthur Yu 的照片
 #

Hello,

請問這是在那個畫面上看到的訊息 ??

阿舍...
阿舍的 Drupal 架站經驗談 - http://drupal.soa.tw

 
 #

小弟安裝了很,可是就是不會再跑出編輯器了,這到底是什麼原因呢??

該頁面會跑出
The ID for excluding or including this element is: edit-body - the path is: node/add/notice-news

請問這是什麼問題呢?

 
Arthur Yu 的照片
 #

Hello,

阿舍直覺上是覺得是頻寛不足造成 FCkeditor 的 Javascript 檔下載還沒完成,也可能是瀏覽器有被移入小蟲造成的,建議大德可以用 FireFox 或是 Sarfari 瀏覽器提供的 Javascript 除錯功能看看是不是有發生什麼錯誤哩 !!...

供參囉 !! ^^=。

阿舍...
阿舍的 Drupal 架站經驗談 - http://drupal.soa.tw

 
 #

小弟使用FCKeditor 模組但是到編輯頁面都沒有出現說。
有時候又會出現,請問這是什麼原因呢?

 
Arthur Yu 的照片
 #

Hello archbest 兄,

這個阿舍不太確定,查了一下也沒有什麼結果,不過,阿舍倒是有過用相同的 style.css ,但在不同的瀏覽器出現不同大小的字體,阿舍習慣用 px 來設定大小,可是,比較常見的好像都是用 em,百分比的話,阿舍就比較少見了,所以,建議 archbest 兄可以試試 px 和 em 看看。

供參囉 !! ^^=。

阿舍...
阿舍的 Drupal 架站經驗談
http://drupal.soa.tw

 
 #

若用
% 來控制字體,會不會造成某些瀏覽器忽大忽小 ?

Thanks...

 
Arthur Yu 的照片
 #

Hello archbest 兄,

改變字體大小可用「標題字」的 HTML 標籤來控制,例如 就是最大的標題字, 就小一 點, 更小.....以此類推...。

另外還可以用 標籤來控制的.......。

供參囉 !! ^^=。

阿舍...
阿舍的 Drupal 架站經驗談
http://drupal.soa.tw

 
 #

您好...
內文文字大小控制應該是這樣吧
< p> XXXXX < /p>

若要使內文文字略大點
應該要下哪個?

Thanks ..

 
Arthur Yu 的照片
 #

Hello archtest 兄,

要改 fckeditor.config.js 檔的 FCKConfig.ToolbarSets["xxxx"],xxxx 是看 archtest 兄用的那一個,然後把 ['TextColor','BGColor'] 加上去,不過,阿舍想,archtest 兄應該不是這個問題....應該是和一樣是使用者的問題。

archtest 可以新增一個角色,然後在 「管理」 › 「使用者管理」 › 「權限控制」>「System 模組」下,勾選所有的選項,再到 「管理」 › 「使用者管理」 › 「使用者」裡開啟新建的使用者,把他的角色設為這個新建的,這樣就可以看到管理界面了......。

供參囉 !! ^^=。

阿舍...
阿舍的 Drupal 架站經驗談
http://drupal.soa.tw

 
 #

請問

fckeditor.config.js 該改哪一項?
若要新增一使用者,權限全都可控制,是要改哪幾個選項 ?
因為新增之後,似乎只是一般登錄而已,管理選項都沒看到..

Thanks..

 

回應瀏覽選項

選擇你喜歡的顯示回應的模式,並點選「儲存設定」,以啟用你所做的改變。

發表新回應

此欄位內容將保密,不會公開顯示出來。
  • 自動將網址與電子郵件位址轉變為連結。
  • 可使用的 HTML 標籤:<a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • 自動斷行和分段。

更多關於格式化選項的資訊

Mollom CAPTCHA (play audio CAPTCHA)
Type the characters you see in the picture above; if you can't read them, submit the form and a new image will be generated.


    follow me on Twitter

    Google 廣告 Cookie 和隱私權政策
    當您造訪我們的網站時,我們會透過第三方廣告公司來放送廣告。這些公司可能會使用您在本網站和其他網站上的相關瀏覽資訊 (不含姓名、地址、電子郵件地址和電話號碼),以便提供閣下感興趣之產品和服務的廣告。如果您想要瞭解此作法的詳情,以及如何選擇不讓前述公司使用您的資訊,請按這裡

    BloggerAds

    誰正在看什麼...

    新會員

    • jack
    • bryant01
    • andy1989
    • ccharlottenz33
    • nz.cathrine