您在這裡

6.x

FCKeditor

jesselue's 的頭像
jesselue 在 2010-03-02 (二) 11:51 發表
模組介紹: 

FCKeditor及IMCE的使用及安裝:2010年03月01日星期一
適用於:Drupal初學者,想更改Drupal theme外觀 的人,對CSS有興趣的人,對PHP有興趣的人,以前用Dreamweaver的人,以前用其他Blog CMS的人。本文用Drupal6.14,想在Drupal中使用Flash,詳見本文的環境
一個內容網站不可少的是一個輸入內容的編輯器,本文介紹Drupal模組 FCKeditorIMCE的使用及安裝(在drupaltaiwan.org已有IMCE模組介紹)。FCKeditor及IMCE的安裝是節譯自Oreilly的Using Drupal第82~89頁。FCKeditor只是個編輯器,加上IMCE這個影像/檔案上傳下載器才能產生圖文並茂的內容。可以先很快地去看一下如何上傳下載影像/檔案
FCKeditor並非新東西,已有很多資訊,尤其是阿舍的FCKeditor安裝文章更是詳盡,但是,因FCKeditor很繁雜,加上IMCE更是令人困惑,看到Oreilly的Using Drupal第82~89頁以簡單方法安裝,十分有效率,故節譯之,一方面做個筆記,一方面以饗眾人。Drupal有些東西太多,近來覺得學Drupal應注重"不需要更改的東西",而非"東試試設定這個西試試設定那個",結果不work,找半天問題,浪費很多時間。用FCKeditor,先依本文簡易安裝成功,再試其他功能(可參考阿舍文章),由簡入繁,以免多花費時間。
(一)使用FCKeditor:

舉例來說,如何安插一個影像?

  1. Click<內容管理><建立內容><一般文章>後,出現FCKeditor,可以看到有許多tool,見圖一
  2. 圖中箭頭所指處是<插入/編輯影像>按紐,Click該按紐,會出現圖二
  3. Click 箭頭所指的<瀏覽伺服器端>,會出現圖三。注意圖三的三個星號處,上方星號處有<上傳><Thumnails><刪除><Resizes><Send to RCKEditor>五大功能,左方星號處<導覽>下方出現可以找到影像檔的資料夾,右方星號處為某個資料夾中的影像檔。如何將一個影像檔放到內容中?只需Click該影像檔名,再Click<Send to FCKEditor>即可。

圖一,其他各個按紐均有其不同用途,將滑鼠移至按紐上即會顯示出用途。除了<插入/編輯影像>這個按紐外,再挑幾個按紐來看看:

  1. 圖一第一排<原始碼>按紐:Click後會顯示html原始碼。如果不知"html原始碼"是什麼意思也不要緊,因為這正是FCKeditor的用處--讓不懂"html原始碼"的人也可以製作網頁。
  2. 圖一第二排由左算起第四個按紐,<插入/編輯超連結>。
  3. 圖一第三排最右的按紐是<顯示區塊>。

(二)安裝FCKeditor:以下節譯自Oreilly的Using Drupal第82~89頁。

(A)安裝模組。到http://drupal.org/project/fckeditor下載fckeditor模組,到http://drupal.org/project/imce下載imce模組。需注意,下載的fckeditor模組並不包含fckeditor本尊,因為fckeditor本尊是由非Drupal社群開發的,所以需再下載fckeditor本尊,詳如下:

    阿羯經驗:下載fckeditor模組6.x-2.0版(2010-Jan-31)。下載imce模組6.x-1.3版(2009-Sep-25)。
    1. http://www.fckeditor.net下載fckeditor本尊。
    2. 下載列在最前面的版本--2.6.3版。

      阿羯經驗:(a) 最新版已進化至2.6.6版。(b)使用drupal module FCKeditor內的link至sourceforge下載fckeditor本尊2.6.6版(FCKeditor_2.6.6.tar.gz)。

      注意:若用http://www.fckeditor.net,會轉成http://ckeditor.com,再Click download後,需找FCKeditor下載,不要下載CKEditor,CKEditor和FCKEditor不同。

    3. 將檔案自.tar.gz抽取出來成為fckeditor 資料夾。
      阿羯經驗:用7-Zip較Winzip更好抽取檔案。
    4. http://drupal.org/project/fckeditor下載的fckeditor模組及http://drupal.org/project/imce下載的imce模組抽取出來後,放在sites/all/modules,再將(3.)的fckeditor 資料夾放到sites/all/modules/fckeditor 資料夾內去蓋掉其中原有的fckeditor 資料夾,檢查一下,如果有sites/all/modules/fckeditor/fckeditor/fckeditor.php檔,就對了。詳見圖四

(B)設定fckeditor/IMCE模組。

  1. Click <網站建置><模組>,Click <其他>,在FCKeditor及IMCE左方勾選<啟用>。
  2. Click<使用者管理><權限>中勾選相關權限如下。
    • <access fckeditor> --> 匿名使用者(anonymous user)、已登入使用者(authenticated user)、編輯(editor)、網站管理者(site administrator)。
    • <administer editor> --> 網站管理者(site administrator)。
    • <allow fckeditor file uploads> --> 編輯(editor)、網站管理者(site administrator)。

      注意:所有的角色必需勾選<access fckeditor>。
      阿羯經驗:因Using Drupal書中例子是分匿名使用者(anonymous user)、已登入使用者(authenticated user)、編輯(editor)、網站管理者(site administrator)四項。故作如上設定,每個人可各自做不同設定。阿羯的設定見圖五

  3. 需將User 1設為網站管理者(site administrator)。設定方法:用User 1 (原始安裝Drupal時的user) 登入,Click <我的帳號 > <編輯> ,並勾選網站管理者(site administrator)角色。
  4. 現在設定fckeditor profile。Click<網站設定><FCKeditor>。
  5. 出現FCKediotr畫面,如圖六,有Default及Advanced兩個fckeditor profile。Click <Default>右的<編輯>,出現Edit FCKeditor profile畫面後作如下的修改後Click<儲存>:
    • Basic setup
    • Roles allowed to use this profile --> 匿名使用者(anonymous user)、已登入使用者(authenticated user)。

    • File browser settings

      File browser type --> IMCE

  6. Click<網站設定><FCKeditor>到FCKediotr畫面,如圖六, Click <Advanced>右的<編輯>,出現Edit FCKeditor profile畫面後作如下的修改後Click<儲存>:
    • Basic setup

      Roles allowed to use this profile --> 編輯(editor)、網站管理者(site administrator)。
      (去掉已登入使用者(authenticated user)的勾選)

    • File browser settings
    • File browser type --> IMCE

    注意:可更改FCKeditor的tool bar 及增加tool bar 按紐(button),在sites/all/modules/fckeditor中有fckeditor.config.js檔,用vim打開後修改即可。
    阿羯經驗:圖七是阿羯的Default profile設定。圖八是阿羯的Advanced profile設定。

(C)調整Drupal的輸入格式(input format) 及 FCKeditor之間對HTML處理的予盾關係。FCKeditor會在不知不覺中加入HTML,而Drupal經由輸入格式(input format)的"default Filtered HTML format"設定會消除很多HTML。

  1. editor 用的 Advanced toolbar(見圖一)有許多按紐,可以產生各種HTML。editor toolbar給內部人士使用,例如:編輯(editor)、網站管理者(site administrator),因而輸入格式(input format) 用Full HTML filter,以便讓editor toolbar加入的所有之HTML發揮功能。
  2. 匿名使用者(anonymous user)、已登入使用者(authenticated user)所使用的default toolbar只加入少許HTML, 匿名使用者(anonymous user)、已登入使用者(authenticated user)並非內部人士,為了讓default toolbar加入的少許HTML可以顯現其功能,將設為"default Filtered format"的輸入格式(input format),並加入一些其他的HTML(不能設為Full HTML filter)。
  3. Click <網站設定><輸入格式>。
  4. Click <Full HTML format>右的<設定>。
  5. 只勾選編輯(editor)、網站管理者(site administrator)。其後Click<儲存設定>。
  6. 現在,editor 用的 Advanced profile可以施展其HTML功能了。接著替default profile 調整HTML,Click <網站設定><輸入格式>後,Click <Filtered HTML> 的<設定>。在"Filtered HTML"畫面中Click上方的<設定>,出現"設定Filtered HTML"畫面,往下找到<可使用約HTML標簽>(見圖九),在其下框框內加入<img> <div> <pre> <address> <h1> <h2> <h3> <h4> <h5> <h6> (HTML以空白分隔),這些HTML會讓<插入/編輯影像>按紐(見圖一第二排箭頭處)、<格式>下拉選單顯示出來(見圖一第三列左邊第一個下拉式選單)。其後Click<儲存設定>。

(D)如果,現在使用一下<插入/編輯影像>按紐,會發現必需自己輸入影像的位址(url),相當不便。為了要能瀏覽、上載、插入影像,就需要設定IMCE模組。

  1. Click<網站設定><IMCE>。
  2. 出現兩個profile ---> User-1及Sample profile,User-1 profile顯然是給User-1用的,自然可以給編輯(editor)、網站管理者(site administrator)使用,Sample profile可給一般的匿名使用者(anonymous user)、已登入使用者(authenticated user)所使用。Click User-1 profile右的<編輯>紐。
  3. 將Profile name改為Advanced以便和FCKeditor Advanced profile相符。雖然名稱不是一定要相同,一樣的名稱是為了好辨識。
  4. 將Maximum resolution改為800x600。
  5. Click<儲存設定>。(見圖十)
  6. 為了名稱的一致性,將Sample profile也改個名稱。Click<網站設定><IMCE>。出現兩個profile - User-1及Sample profile。Click Sample profile右的<編輯>紐。
  7. 將Profile name改為Default以便和FCKeditor default profile相符。Click<儲存設定>。(見圖十一)
  8. 最後,將profile和角色連結。Click<網站設定><IMCE>,將Role-profile assignment下的User Role連到Assignment profile,如下:
    • 網站管理者(site administrator) --> Advanced。
    • 編輯(editor) --> Advanced。
    • 已登入使用者(authenticated user) --> Default。
    • Click <儲存設定>。
  9. 現在,用<建立內容>去產生一個內容,FCKeditor toolbar就會出現。如圖一

阿羯經驗:

必需用User-1登入,才可進入<網站設定><IMCE><User-1 profile 或Sample profile>。
圖十一。Default profile允許上傳的延伸檔名只有幾個-->gif、png、jpg、jpeg,均為影像檔的延伸檔名,Advanced profile 允許上傳的延伸檔名為"*",代表所有的檔案均可上傳。

(E)一些阿羯的進階經驗。

  1. 對不同的使用者,如何設定不同的資料夾?對不同的資料夾,如何設定各自不同的瀏覽(Browse)、上傳(Upload)、Thumbnails、刪除、Resize選項?
    • 答:Click <網站設定><IMCE>,再Click某一個profile右的<編輯>,找到Directories,其下有Diretory path、 Browse、上傳、Thumbnaisl、刪除、Resize五項可以修改。共可放五個Diretory path。見圖十二

      阿羯經驗:注意users/user%uid,這個寫法會自動將%uid換成登入使用者id,例如登入使用者id為5,則users/user%uid成為users/user5,如此可自動讓不同的使用者使用不同的資料夾。

  2. 如何增加FCKeditor的profile?
  • 答:Click <網站設定><FCKeditor>,在<個人資訊>下Click <Create new profile>。見圖十三,除了原有的Advance、Default profile外,另產生了editor、authentic profile,共有四個profile。
  • 如何增加IMCE的profile?
    • 答:Click <網站設定><IMCE>,在<Configuration Profile >下Click <Add new profile>。見圖十四,除了原有的Advance、Default profile外,另產生了editor、authentic profile,共有四個profile。圖十四下方舉例說明對同的角色指定不同的profile。
  • 如何更改圖十二中Directories下directory path前的檔案系統路徑---sites/default/files?
    • 答:Click<網站設定><檔案系統>。更改檔案系統路徑。
  • 如何讓不同使用者有不同的FCKeditor toolbar?
    • 答: Click <網站設定><FCKeditor>,在<個人資訊>下Click某個profile右的<編輯>,出現"Edit FCKeditor profile"畫面,找到<Editor appearance> 下的<Toolbar>下拉選單,共有Basic、Default、DrupalBasic、DrupalFiltered、DrupalFull五種toolbar。選擇時需注意該profile的HTML能力。見圖十五
  • 如何讓FCKeditor的螢幕跳出?
    • 答: Click <網站設定><FCKeditor>,在<個人資訊>下Click某個profile右的<編輯>,出現"Edit FCKeditor profile"畫面,找到<Editor appearance> ,設定其下的<Default state> -->停用,<Show disable/enable rich text editor toggle> --> Hide,<Use FCKeditor in a pop up window> --> 是。見圖十六。 FCKeditor的螢幕跳出不好用!避免使用。
  • 如何對不同的使用者,產生不同的資料夾?
    • 答:Click <網站設定><IMCE><Directory creation tool>,在Directory path下,例如:若是user id 1,鍵入users/user1即可。
  • 圖一:Click <內容管理><建立內容><一般文章>後,出現FCKeditor,可以看到有許多tool,圖中箭頭所指處是<插入/編輯影像>,Click該按紐,會出現圖二
    其他各個按紐均有其不同用途,將滑鼠移至按紐上即會顯示出用途。除了<插入/編輯影像>這個按紐外,再挑幾個按紐來看看:

    第一排<原始碼>按紐:Click後會顯示html原始碼。如果不知"html原始碼"是什麼意思也不要緊,因為這正是FCKeditor的用處--讓不懂"html原始碼"的人也可以製作網頁。
    第二排由左算起第四個按紐,<插入/編輯超連結>。
    第三排最右的按紐是<顯示區塊>。

    圖二:Click 箭頭所指的<瀏覽伺服器端>,會出現圖三
    圖三:注意三個星號處,上方星號處有<上傳><Thumnails><刪除><Resizes><Send to RCKEditor>五大功能,左方星號處<導覽>下方出現可以找到影像檔的資料夾,右方星號處為某個資料夾中的影像檔。如何將一個影像檔放到內容中?只需Click該影像檔名,再Click<Send to FCKEditor>即可。
    圖四:將http://drupal.org/project/fckeditor下載的fckeditor模組及http://drupal.org/project/imce下載的imce模組抽取出來後,放在sites/all/modules,再將(3.)的fckeditor 資料夾放到sites/all/modules/fckeditor 資料夾內去蓋掉其中原有的fckeditor 資料夾,檢查一下,如果有sites/all/modules/fckeditor/fckeditor/fckeditor.php檔,就對了。見兩個星號處。
    圖五:Click<使用者管理><權限>中勾選相關權限,Using Drupal書中例子是分匿名使用者(anonymous user)、已登入使用者(authenticated user)、編輯(editor)、網站管理者(site administrator)四項。故作如上設定,每個人可各自做不同設定。以下是阿羯網站的設定。
    圖六:Click<網站設定><FCKeditor>,出現FCKediotr畫面,有Default及Advanced兩個fckeditor profile。Click <Default>右的<編輯>,出現Edit FCKeditor profile如圖七
    圖七:阿羯的Default profile設定。Click <Default>右的<編輯>,出現Edit FCKeditor profile畫面後,修改Profile name為Default及Roles allowed to use this profile及File browser type後,Click<儲存>。
    圖八:阿羯的Advanced profile設定。出現Edit FCKeditor profile畫面後,修改Profile name為Adanced及Roles allowed to use this profile及File browser type後,Click<儲存>。
    圖九:Click <網站設定><輸入格式>後,Click <Filtered HTML> 的<設定>。在"Filtered HTML"畫面中Click上方的<設定>,出現"設定Filtered HTML"畫面,往下找到<可使用約HTML標簽>(如下圖),在其下框框內加入<img> <div> <pre> <address> <h1> <h2> <h3> <h4> <h5> <h6> (HTML以空白分隔),這些HTML會讓<插入/編輯影像>按紐(見圖一第二排箭頭處)、<格式>下拉選單顯示出來(見圖一第三列左邊第一個下拉式選單)。其後Click<儲存設定>。
    圖十:Click<網站設定><IMCE>。Click User-1 profile右的<編輯>紐,將Profile name改為Advanced以便和FCKeditor Advanced profile相符。雖然名稱不是一定要相同,名稱一樣是為了好辨識。將Maximum resolution改為800x600。
    圖十一:Click<網站設定><IMCE>。Click Sample profile右的<編輯>紐,將Profile name改為Default以便和FCKeditor Advanced profile相符。雖然名稱不是一定要相同,名稱一樣是為了好辨識。
    圖十二:Click <網站設定><IMCE>,再Click某一個profile右的<編輯>,找到Directories,其下有Diretory path、 Browse、上傳、Thumbnaisl、刪除、Resize五項可以修改。共可放五個Diretory path。
    圖十三:Click <網站設定><FCKeditor>,在<個人資訊>下Click <Create new profile>。見下圖,除了原有的Advance、Default profile外,另產生了editor、authentic profile,共有四個profile。
    圖十四:Click <網站設定><IMCE>,在<Configuration Profile >下Click <Add new profile>。見下圖,除了原有的Advance、Default profile外,另產生了editor、authentic profile,共有四個profile。下圖下方將同的角色指定不同的profile。
    圖十五:Click <網站設定><FCKeditor>,在<個人資訊>下Click某個profile右的<編輯>,出現"Edit FCKeditor profile"畫面,找到<Editor appearance> 下的<Toolbar>下拉選單,共有Basic、Default、DrupalBasic、DrupalFiltered、DrupalFull五種toolbar。選擇時需注意該profile的HTML能力。
    圖十六:Click <網站設定><FCKeditor>,在<個人資訊>下Click某個profile右的<編輯>,出現"Edit FCKeditor profile"畫面,找到<Editor appearance> ,設定其下的<Default state> -->停用,<Show disable/enable rich text editor toggle> --> Hide,<Use FCKeditor in a pop up window> --> 是。見下圖。 FCKeditor的螢幕跳出不好用!避免使用。
    [附錄]其它FCKeditor + IMCE 或TinyIMCE、及相關的使用及安裝資訊:

    drupal.org下載FCKeditor解壓縮後,可用wordpad或vim打開site/all/modules/fckeditor/readme.txt,有詳盡的FCKeditor安裝資訊(含加個按紐)。
    在drupaltaiwan.org搜尋fckeditor,結果在此:搜尋後未見有人介紹過FCKeditor模組。
    阿舍有關fckeditor安裝文章:part1part2part3part4。十分詳細的好文。
    fckeditor和Whyzziwig比較:本文指出FCKeditor的兩大障礙-太大及不能由一般使用者自建資料夾,因而有人轉用whizzywig。
    whizzywig上whizzywig下senkao介紹whizzywig的好文,同時也指出為何要改用whizzywig。
    FCKeditor有經驗使用者:senkao

    本文的環境是:

    1. Drupal 6.14。
    2. apache server設在Windows XP上,以http://localhost/drupal為例。
    3. 所有的檔案在c:/xampp/內,以下的路徑均相對於c:/xampp/。
    4. 各檔案均用vim editor打開,行數以vim內的行數為準。
    5. 主機是遠振資訊cPanel環境。

     

    模組版本:

    模組分類:

    Views Tagadelic module

    jesselue's 的頭像
    jesselue 在 2010-02-05 (週五) 20:55 發表
    模組介紹: 

    Views Tagadelic module:2010年02月03日星期三
    適用於:Drupal初學者,想更改Drupal theme外觀 的人,對CSS有興趣的人,對PHP有興趣的人,以前用Dreamweaver的人,以前用其他Blog CMS的人。本文用Drupal6.14,想在Drupal中使用Flash,詳見本文的環境

    要將網站(或部落格(blog))的分類(Taxonomy)以Tag Cloud(標韱雲)方式呈現,例如,將下方圖一左方的分類做成右方的Tag Cloud(標韱雲),該怎麼做?答案有三,1.Tagadelic module (作法如本文後段)2. Views Tagadelic module (作法如本文前段)3. views cloud module (使用方法另文介紹)。三者的簡述:

    Tagadelic module(下載)很好用,在drupaltaiwan.org已有模組介紹使用方法見本文下方,但是Tagadelic module只針對一個vocabulary產生一個block(見圖三),在圖三中可以看到共產生了五個Tag Cloud(標韱雲),卻無法將五個Tag Cloud(標韱雲)合成一個(如圖一右方的兩種標韱雲),這時就需要Views Tagadelic module。(另有views cloud 也與Views Tagadelic module具有相同功能,drupaltaiwan.org已有模組介紹,其使用方法另文介紹)。

    (一)先介紹Views Tagadelic作法

    使用手冊及下載Drupal 6.x可用的模組:至 Views Tagadelic project page 下載 6.x-1.1版---> tagadelic_views-6.x-1.1.tar。可是在Views Tagadelic project page所述的使用方法並不正確,經試用後,大致作法如下,若有不對請指正。
    安裝:

    1. Views Tagadelic project page 下載 6.x-1.1版,解壓縮後將tagadelic_views整個folder放到htdocs/drupal1/sites/all/modules內。
    2. 至<網站建置><模組>,確定taxonomy module、tagadelic module、views module都已安裝並己由<網站建置><模組>啟用,此時,在<網站建置><模組><Views>下,Click Tagadelic View左的<啟用>。

    製作一個Tag Cloud(標韱雲):

    1. 假設已做好了四個分類(taxonomy)及一個自由分類,共五個,每個分類內有若干term,見圖一左方,現在用views module來做圖一右方上面那個Tag Cloud(標韱雲)。注意看一下圖一右方上面,有許多Tag正是圖一左方的那些term,例如:供專業人士閱讀。但是也有些不在圖一左方,例如:使用者提醒,這是"自由分類"的vocabulary。
    2. Click <網站建置><Views><Add> ,在<View type> 下Click<Term> (注意:Views Tagadelic project page中所述Tagadelic View type並不存在)。 這時出現Views畫面,Click <Basic settings>下的<Style>(圖二星號處),出現<Defaults:How should this view be styled>,Click <Tagadelic>(圖二星號處)<更新>(圖二X號處),又出現<Defaults: Style options>,Click <更新>(圖二X號處),結果如圖二。再由左方<Defaults>下的<頁面>下拉選單中選<區塊>(圖二雙圈處),Click<Add display>,Click<Block settings>下admin:後的 <none>,在<區塊:Block admin description>下打一個區塊名,例如"xxxxxx",再Click<更新>,就完成整個設定,此時別忘了Click<儲存>。
    3. 再Click<網站建置><區塊>,將區塊"xxxxxx"右的下拉選單改成<右欄>,就會出現如圖一右上方的Tag Cloud(標韱雲)。
    4. 圖一方的Tag Cloud(標韱雲)則是在以上一開始建View時,Click <網站建置><Views><Add> ,在<View type> 下Click<內容節點>,其後完全相同,所造成的結果,差異在於--字體都一樣大,不像圖一右上方的Tag Cloud(標韱雲)有大有小。

    一切都很完美?很不幸,有以下這些問題:

    1. 以上建View時,當Click <Basic settings>下的<Style>(圖二星號處),出現<Defaults:How should this view be styled>,Click <Tagadelic>(圖二星號處)<更新>(圖二X號處),又出現<Defaults: Style options>,Click <更新>(圖二X號處),結果並非如圖二而是出現了warning,無法再進行下去,這是因為下載 6.x-1.1版的theme.inc 48行有問題,必需修改theme.inc 48行才行,詳見Views Tagadelic時出現的Warning 訊息
    2. 設filter及argument均無效,因而,只能Tag Cloud(標韱雲)所有的vocabulary。無法選擇想要的vocabulary。

    以上即為用Views Tagadelic製作Tag Cloud(標韱雲)的方法。可繼續看另一面向Tagadelic module的用法

    圖一:
    圖二:

     
    (二)如何使用Tagadelic module製作一個或多個Tag Cloud(標韱雲)。

    1. 使用手冊:Tagadelic module handbook
      下載安裝後,鍵入:
    2. 下載Drupal 6.x可用的模組:至 Tagadelic Project Page 下載 6.x-1.2版---> tagadelic-6.x-1.2.tar。解壓縮後將tagadelic整個folder放到htdocs/drupal1/sites/all/modules內,<網站建置><模組>,確定taxonomy module已安裝,並己由<網站建置><模組>啟用,此時,在<網站建置><分類>下,Click <Tagadelic>左的<啟用>。接著Click<網站建置><區塊>,將圖四中的Tags in....右的下拉選單全部選<右欄> ,再Click<儲存區塊> ,就會出現如圖三的五個Tag Cloud(標韱雲),每一個是一個vocabulary內所有的term。

    圖三:
    圖四:
    圖五:
    圖六:
    圖七:

     
    (三)做Views Tagadelic時出現的Warning 訊息---You have an error in your SQL syntax。如message 1
    此時參考drupal.org上的討論:Error after upgrading to 1.1,其comment #2提出解法,修改theme.inc,如下:

    找到C:\xampp\htdocs\drupal1\sites\all\modules\tagadelic_views\theme\theme.inc,用Vim editor打開,將48行作如下修改。
    錯誤(原來):

    $result = db_query_range('SELECT COUNT(*) AS count, d.tid, d.name, d.vid FROM {term_data} d INNER JOIN {term_node} n ON d.tid = n.tid WHERE n.nid IN '. $nid_restrictor . $vid_restrictor .' GROUP BY d.tid, d.name, d.vid ORDER BY count DESC', 0, $options['size']);

    正確:

    $result = db_query_range('SELECT COUNT(*) AS count, d.tid, d.name, d.vid FROM {term_data} d INNER JOIN {term_node} n ON d.tid = n.tid GROUP BY d.tid, d.name, d.vid ORDER BY count DESC', 0, $options['size']); //http://drupal.org/node/609374 $$$$$$jesse 2010-02-02

    (四)message 1:使用View Tagadelic時,在view module時出現的warning message。

    user warning: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ',,,,,,,,) GROUP BY d.tid, d.name, d.vid ORDER BY count DESC LIMIT 0, 500' at line 1 query: SELECT COUNT(*) AS count, d.tid, d.name, d.vid FROM term_data d INNER JOIN term_node n ON d.tid = n.tid WHERE n.nid IN (,,,,,,,,,) GROUP BY d.tid, d.name, d.vid ORDER BY count DESC LIMIT 0, 500 in C:\xampp\htdocs\drupal1\sites\all\modules\tagadelic_views\theme\theme.inc on line 48.

     
    本文的環境是

    1. Drupal 6.14。
    2. apache server設在Windows XP上,以http://localhost/drupal為例。
    3. 所有的檔案在c:/xampp/內,以下的路徑均相對於c:/xampp/。
    4. 各檔案均用vim editor打開,行數以vim內的行數為準。
    5. 主機是遠振資訊cPanel環境。

     

    模組版本:

    模組分類:

    Amazon Module

    jesselue's 的頭像
    jesselue 在 2010-01-31 (周日) 23:13 發表
    模組介紹: 

    amazon module:2010年01月30日星期六
    適用於:Drupal初學者,想更改Drupal theme外觀 的人,對CSS有興趣的人,對PHP有興趣的人,以前用Dreamweaver的人,以前用其他Blog CMS的人。本文用Drupal6.14,想在Drupal中使用Flash,詳見本文的環境
    想要在自己架的Drupal網站抓amazon美國網站的資料?用amazon module,詳如下。(若想先看看效果,到這裡)
    Using Drupal first edition (Oreilly出的)第四章、Product Reviews,其中的amazon module值得介紹,amazon module最大的功能是提供其資料庫供外界使用,但是要如何設定呢?
    (一) 如同一般安裝模組,依照 Using Drupal first edition (Oreilly出的)第四章一步步做,需注意的是下載的例子 (using_drupal_source-2009-01-16.zip)並無法成功做到書中157頁所述----讀取amazon.com網站資料庫,錯誤訊息是:No Amazon product with the ID(詳見後記),原因是下載的例子amazon module6.x-1.0-beta5。必需用amazon module 6.x-1.0-rc3才行。用了對的版本後,在admin/site configuration/amazon API時才會出現對的畫面,如下圖Amazon API。共有下列項目需填入:

    1. Amazon locale:如下圖橫線。選用United States。以後選產品,要選amazon美國網站(http://www.amazon.com/)上的產品。不可以用其他地區的,例如:http://www.amazon.cn/
    2. Amazon referral settings:如下圖橫線。選用Use your own associate ID,選了後,會出現下面"Your associate ID"。
    3. Your associate ID:如下圖星號。到http://www.amazon.com/join associates去申請。
    4. Amazon AWS Access Key ID及Secret Access Key:如下圖星號。申請完以上的Your associate ID,login後,申請AWS Account。

    填好後,依Using Drupal first edition 第四章做Product Reviews content type,再用create content及view,有意想不到的效果,往這裡去看看
    (二)Click試作網站http://usingdrupalchapter4.百加一講壇.tw/,右的Product finder,出現如下圖畫面,Title下的這些品名是直接自動從amazon美國網站上載入,並且會自動更新(例如:價格),想試試自己加入商品,往這裡
    (三)將amazon美國網站上的貨品放入自己的網站的方法:到試作網站http://usingdrupalchapter4.百加一講壇.tw/,Click右邊的create content,在圖A畫面中Amazon Product ID處鍵入ASIN,如何找ASIN,到amazon美國網站上,找一貨品,例如:Using Drupal這一本書,看其http://.....中有一串十位數,那就是ASIN,如下方圖B中上方http://....中的0596515804,打進圖A的Amazon Product ID即可。做完,Click右方的Product finder, 就會列出Amazon網站上Using Drupal這一本書及其它一些我已打進去的貨品,接著click Title下的品名、Click ....,最後會連到Using Drupal這一本書在amazon美國網站上的頁面。需注意,不可以用其他地區的商品的ASIN,例如:http://www.amazon.cn/,會找不到,出現:No Amazon product with the ID訊息。
    圖A:

    圖B:

     
    後記(用amazon 6.x-1.0-beta5失敗):試作Using Drupal chapter 4, 出現Amazon module的問題,如下:

    * warning: Invalid argument supplied for foreach() in C:\xampp\htdocs\udchapter4\sites\all\modules\contrib\amazon\amazon.module on line 270.
    * Amazon Product ID : No Amazon product with the ID B001JAH7OM could be located.
    * warning: Invalid argument supplied for foreach() in C:\xampp\htdocs\udchapter4\sites\all\modules\contrib\amazon\amazon.module on line 270.
    曾在drupal.org上找到類似(不全然相同)的po文( http://drupal.org/node/277325 ),試著如comment #1( http://drupal.org/node/277325#comment-905544 )更改,無效。主要是他改的是amazon.module line240,而我的問題在amazon.module line 270。

    本文的環境是:

    1. Drupal 6.14。
    2. apache server設在Windows XP上,以http://localhost/drupal為例。
    3. 所有的檔案在c:/xampp/內,以下的路徑均相對於c:/xampp/。
    4. 各檔案均用vim editor打開,行數以vim內的行數為準。
    5. 主機是遠振資訊cPanel環境。

     

    模組版本:

    模組分類:

    Views Cloud

    kiku's 的頭像
    kiku 在 2009-12-26 (週六) 01:02 發表
    模組介紹: 


    以前的標籤雲都用在顯示分類上
    Views Cloud允許你從views篩選的資料中建立 Web 2.0風格的標籤雲(views的顯示方式除了 full list table 等外增加一種雲的顯示方式)
    如:建立使用者名稱的雲(依照posts數 或profile裡的某個值)
    日期雲(依照node的發表日期等)

    模組版本:

    模組分類:

    Active Tags

    hanamizuki's 的頭像
    hanamizuki 在 2009-11-18 (三) 09:46 發表
    模組介紹: 

    一般標籤都需要手動輸入並自己用逗號分隔,這個模組可以讓標籤變成輸入、加入這樣較為易用的方式。
    如例圖:

    並且另外有熱門標籤可作為推薦標籤,一點就可以新增。可加速標籤的選擇,減少過多重複的同義詞。

    模組版本:

    模組分類:

    Views Galleriffic

    hanamizuki's 的頭像
    hanamizuki 在 2009-10-26 (週一) 17:52 發表
    模組介紹: 


    這個模組使用了Galleriffic JQuery plugin:
    http://www.twospy.com/galleriffic/

    搭配Views製作出漂亮的效果,雖然還有些小問題,不過我個人很愛這個模組的效果,因為搭配Views因此非常具有彈性!
    這邊有我實做出來的範例:
    http://cairns.nxwok.com/portfolio

    模組版本:

    模組分類:

    Wysiwyg編輯器管理模組

    模組介紹: 

    覺得這個編輯器管理很好用~分享給大家~第一次寫這設置步驟
    請大家多多指教
    設置步驟:
    (1)將Wysiwyg模組放置於site/all/modules中。
    (2)然後到網站建置去啟用Wysiwyg模組。
    (3)Go to 管理Administer > 網站設定Site configuration > Wysiwyg, and
    follow the displayed。
    (4)依據所需下載網頁編輯套件,點選(Download)即可連至官方網站下載。
    (5)並於site/all/中設置一資料夾名為(libraries),將所下載的網頁編輯套件
    放置裡面即可設置成功。
    (6)相關細項設定依據所需調整即可。

    模組版本:

    模組分類:

    Tab Tamer

    Drupaler's 的頭像
    Drupaler (未驗證) 在 2009-09-30 (三) 13:00 發表
    模組介紹: 

    Tab Tamer
    Tab Tamer 是一個管理工具,提供您一個簡便的方式管理與重新安排tabs。Tab tamer運用Drupal原有的拖拉介面管理網站上的tabs順序安排。此外,為了提昇效能,Tab tamer還利用Drupal原有的cache系統。
    如果您現在使用的是Drupal 5.x,Remove unwanted tabs from pages文章中告訴您如何隱藏不需要的tabs。

    模組版本:

    模組分類:

    Fancy Slide

    kiku's 的頭像
    kiku 在 2009-09-29 (二) 21:33 發表
    模組介紹: 


    Fancy Slide是一個jQuery slideshow模組
    具有:

    • 在指定時間後自動切換到下一張投影片或手動切換到下一張
    • 允許手動切換每一張投影片縮圖
    • 能夠自動讀取影像的說明從image alt text
    • 整合imagefield
    • 整合imagecache 自動處理影像大小
    • 整合nodequeue 提供更好的投影片順序控制
    • 可選擇投影片動畫效果
    • 可控制投影片之間的動畫速度

    模組版本:

    模組分類:

    Chrome Frame

    Kay.L's 的頭像
    Kay.L 在 2009-09-25 (週五) 23:07 發表
    模組介紹: 

    自Chrome Frame推出後,各界反應都很大。
    想你的Drupal 也支援 ? 這個模組幫到你 !

    功能:
    加入Meta Tag,令Chrome Frame 啟動

    還有不同選項:
    彈出提示安裝Chrome Frame
    只在IE6彈出
    或所有IE版本都提示

    Kay.L 個人意見
    ======
    網站不是很必要使用到IE6/7 不能提供的功能,還是不要彈出提示叫人安裝。

    如果只在有安裝Chrome Frame 的瀏覽器上啟動,直接加這一句到上就可以,不必安裝多一個模組,影響效能。

    啟動前先做測試哦!
    除版型外,其實有些JS對Webkit支援不是很好的

    模組版本:

    模組分類:

    頁面

    訂閱 RSS - 6.x