安裝所見即所得編輯器 Drupal使用系列教程之二

來源:互聯網
上載者:User
關鍵字 Drupal

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

很多人習慣使用所見即所得編輯器,而Drupal自帶的模組是沒有的,需要自己安裝,我們下面講解fckeditor的安裝過程,同時演示Drupal如何安裝模組。 fckeditor是一種所見即所得的編輯器,使用比較廣泛,之所以選擇這個編輯器是為了以後整合圖片上傳容易。

第一步,下載所需檔。 需要下載兩個套裝軟體,一個是整合fckeditor到Drupal的外掛程式,一個是fckeditor的檔包。

第二步,將檔上傳到伺服器。 按照如下步驟上傳:

首先將fckeditor外掛程式的檔包fckeditor上傳到module目錄下,如下圖:

  

1.png (1.42 KB)

2008-6-3 18:41

然後將fckeditor編輯器的所有檔放到module/fckeditor/fckeditor目錄下

這樣就完成了檔上傳

第三步。 啟用外掛程式

登陸Drupal,進入 Adminster——〉module 會看到在外掛程式管理中多出了我們剛剛上傳的fckeditor(如下圖),選中它,然後保存設置。

  

2.png (5.25 KB)

2008-6-3 18:41

  

3.png (3.85 KB)

2008-6-3 18:41

第四步,設置 fckeditor編輯器。

安裝好FCK編輯器以後需要設置,在以下位置進入FCK管理介面:

  

4.png (5.46 KB)

2008-6-17 18:06

FCK的參數設置介面如下圖所示:

  

5.png (12.65 KB)

2008-6-17 18:06

主要設置FCK的設定檔即可,預設的有兩個,分別對應anonymous使用者組和authenticated使用者組,如果你新建了其他使用者組可以建立對應的設定檔。 因為遊客一般沒有編輯許可權,我們設置好authenticated使用者組即可。 設置之前先要在User management——>Permissions 中把authenticated user的access fckeditor許可權勾上,否則authenticated使用者組無法使用FCK, 也就無法將設定檔與其關聯了。 關於許可權的詳細說明我們會在後面的文章中專門介紹。

點擊Advanced設定檔後面的edit開始編輯此設定檔,主要設置如下內容:

第一部分設置設定檔名稱,關聯的使用者組和是否允許使用者自訂工具條:

  

11.png (10.34 KB)

2008-6-17 18:06

第二部分是Visibility settings設置,一般不用修改

第三部分是FCK編輯器的外觀設置,包括顯示什麼形式的工具條,都顯示哪些按鈕等等。 在Toolbar選項中可以選擇FCK編輯器的工具條顯示的內容,可以測試一下每個選項,看那個適合自己使用,default的功能比較豐富。

  

6.png (26.97 KB)

2008-6-17 18:06

第四部分是輸出設置,一般使用預設即可:

  

7.png (6.98 KB)

2008-6-17 18:06

第五部分是CSS設置,一般使用預設即可:

  

8.png (8.02 KB)

2008-6-17 18:06

第六部分是檔管理設置,設置是否允許FCK管理檔。 如果需要通過FCK上傳圖片需要將其設置為true。

  

9.png (9.39 KB)

2008-6-17 18:06

最後一部分是高級選項,一般不用進行設置。

這樣設置完之後再到Create content——>Story裡面打開編輯視窗,就會看到FCK的編輯介面了:

  

12.png (6.21 KB)

2008-6-17 18:06

這樣設置完之後,在上傳圖片的時候會遇到如下錯誤:

  

10.png (4.91 KB)

2008-6-17 18:10

解決方法:需要到這裡fckeditor/fckeditor/editor/filemanager/connector/php裡面config.php檔裡面第30行Config[Enabled ]= false改為true才可以.否則出現連接器錯誤.

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.