簡介
此文將會介紹：
- tinymce、image、img_assist的安裝流程
- tinymce搭配drupal的image、img_assist模組，整合圖片上傳、插入文章的介面，結(jié)合image的好處是將每一個圖片視為一個node，比imce方便做後續(xù)利用。
- tinymce附設(shè)的drupalbreak安裝方式，讓內(nèi)文可以無痛插入摘要分隔
- tinymce總是會清掉html多餘的空白，本文提供解決方式
需求模組
Image 模組(image)
Tinymce 模組(tinymce) + tinymce 編輯器檔案 (下載)
Image Assist 模組 (img_assist)
快速安裝流程
檔案配置
- 將image, img_assist, tinymce三個模組解壓縮
- 將tinymce編輯器檔案(tinymce_2_1_1.zip) 拷貝至剛剛解壓模組的資料夾tinymce裡頭
- 解壓縮tinymce_2_1_1.zip，解出來的檔案會在tinymce/tinymce
- 到這裡，共會有三個資料夾
image/
img_assist/
tinymce/
安裝tinymce plugin
- 找到 img_assist/drupalimage 、 tinymce/plugins/drupalbreak 這兩個資料夾，都拷貝至tinymce/tinymce/jscripts/tiny_mce/plugins
- 編輯tinymce/plugin_reg.php這個檔案，在
return $plugins;前面加入下面給行
$plugins['drupalimage'] = array();
$plugins['drupalimage']['theme_advanced_buttons1'] = array('drupalimage');
$plugins['drupalimage']['extended_valid_elements'] = array('img[class|src|border=0|alt|title|width|height|align|name]');
$plugins['drupalbreak'] = array();
$plugins['drupalbreak']['theme_advanced_buttons3'] = array('drupalbreak', 'drupalpagebreak');
搬移及安裝
== 將三個資料夾都移至 drupal/sites/all/modules裡頭
設(shè)定
接下來都是web畫面，到admin/build/modules啟用image, tinymce, img_assist三個模組
權(quán)限設(shè)定
== 到admin/user/access設(shè)定權(quán)限， 如圖：
access img_assist 打開，可以在發(fā)文時插入圖片
create image 和 access img_assist 都打開，發(fā)文時插入、上傳新圖片
建立tinymce profile
== 在tinymce設(shè)定頁面(admin/settings/tinymce)新增一個profile，然後可以選擇button，如圖：
在button列表最後，可以看到多兩個DrupalImage和Drupal teaser/Body Break，勾選以打開～
注意，此設(shè)定中，可以用tinymce權(quán)限的角色，access img_assist 權(quán)限也要打開，drupalimage才有用
關(guān)掉image assist預(yù)設(shè)的button
== 在img_assist設(shè)定頁面(admin/settings/img_assist)，找到Access settings底下的Textarea image link，如圖：
因?yàn)閕mage assist在沒有裝tinymce時，有自己的button，因此需要取消顯示，將他選為Do not show link，交給tinymce處理。
建立給tinymce用的圖片大小 (optional)
== 在image設(shè)定頁面，增加新的大小(admin/settings/image)，如圖：
== 在img_assist設(shè)定頁面，設(shè)定預(yù)設(shè)的縮圖及彈出視窗的縮圖大小，如圖：
hack (optional)
取消html排版亂碼的方式
- 修改tinymce.module
<?php
function tinymce_config($profile) {
//....
$init['preformatted'] = $settings['preformatted'] ? $settings['preformatted'] : 'false';
// 在這之後加入以下這一行
$init['apply_source_formatting'] = true;
?>
- 到輸入格式設(shè)定(admin/settings/filters)，新增一個給tinymce用的input format，把自動斷行、分段去掉
posted on 2007-11-08 13:24
周銳 閱讀(3714)
評論(0) 編輯 收藏 所屬分類:
PHP