AGAMES 討論區

標題: Drupal所見即所得編輯器 + 圖片上傳 (tinymce + img_assist) [打印本頁]

作者: dlalden    時間: 2009-4-13 14:29:11     標題: Drupal所見即所得編輯器 + 圖片上傳 (tinymce + img_assist)

簡介此文將會介紹:
需求模組Image 模組(image)
Tinymce 模組(tinymce) + tinymce 編輯器檔案 (下載)
Image Assist 模組 (img_assist)
快速安裝流程檔案配置安裝tinymce plugin
  1. $plugins['drupalimage'] = array();
  2. $plugins['drupalimage']['theme_advanced_buttons1'] = array('drupalimage');
  3. $plugins['drupalimage']['extended_valid_elements'] = array('img[class|src|border=0|alt|title|width|height|align|name]');
  4. $plugins['drupalbreak'] = array();
  5. $plugins['drupalbreak']['theme_advanced_buttons3'] = array('drupalbreak', 'drupalpagebreak');
複製代碼

搬移及安裝== 將三個資料夾都移至 drupal/sites/all/modules裡頭
設定接下來都是web畫面,到admin/build/modules啟用image, tinymce, img_assist三個模組
權限設定== 到admin/user/access設定權限, 如圖:

access img_assist 打開,可以在發文時插入圖片
create image 和 access img_assist 都打開,發文時插入、上傳新圖片
建立tinymce profile== 在tinymce設定頁面(admin/settings/tinymce)新增一個profile,然後可以選擇button,如圖:

在button列表最後,可以看到多兩個DrupalImage和Drupal teaser/Body Break,勾選以打開~
注意,此設定中,可以用tinymce權限的角色,access img_assist 權限也要打開,drupalimage才有用
關掉image assist預設的button== 在img_assist設定頁面(admin/settings/img_assist),找到Access settings底下的Textarea image link,如圖:

因為image assist在沒有裝tinymce時,有自己的button,因此需要取消顯示,將他選為Do not show link,交給tinymce處理。
建立給tinymce用的圖片大小 (optional)== 在image設定頁面,增加新的大小(admin/settings/image),如圖:

== 在img_assist設定頁面,設定預設的縮圖及彈出視窗的縮圖大小,如圖:

hack (optional)取消html排版亂碼的方式

  1. <?php
  2. function tinymce_config($profile) {
  3.   //....
  4.   $init['preformatted']       = $settings['preformatted'] ? $settings['preformatted'] : 'false';
  5.   // 在這之後加入以下這一行
  6.   $init['apply_source_formatting']       = true;
  7. ?>
複製代碼


到輸入格式設定(admin/settings/filters),新增一個給tinymce用的input format,把自動斷行、分段去掉




歡迎光臨 AGAMES 討論區 (http://61.244.113.49/) Powered by Discuz! X2