如何讓 Drupal 使用 Wordpress 形式的編輯代碼?

  如果你曾有過將 Wordpress 網站遷移到 Drupal 的經驗,很可能客戶會問的第一件事就是如何爲 Drupal 添加編輯代碼。

  Wordpress 中的 Shortcodes 插件讓使用者可以在內容中添加各種編輯代碼,然後在顯示時代碼會被轉換爲對應的內容,從而節省一定的編輯工作。例如,想要將 Wordpress 中的相冊嵌入到內容中,只需按 [gallery id=”123” size=”medium”] 格式添加編輯代碼,這段代碼在顯示時會被自動轉換爲對應的相冊。

  而在 Drupal 中,藉助 Shortcode 模塊可以實現與之類似的功能。Drupal 中的 Shortcode 模塊並不是移植 Wordpress 的 Shortcodes 插件,只是實現了非常相似的功能而已。但如果客戶在Wordpress中使用 Shortcodes 插件,那麼在 Drupal 中也不會覺得太不適應。

  文本將向你介紹怎樣在 Drupal 中配置及使用 Shortcode 模塊。

 

準備工作

  安裝 Shortcode 模塊的準備工作非常簡單,只需下載並啓用 Shortcode 及 Shortcode Basic Tags 子模塊即可。

  會使用 Drush 的話,使用以下兩行命令可以快速下載和啓用這兩個模塊。

drush dl shortcode
drush dl shortcode shortcode_basic_tags

 

使用基礎標籤(Basic Tags)

  Shortcode 核心模塊自身並不提供任何可用的編輯代碼,而是提供一套可供其它模塊使用的API接口。因此,必須要啓用 Shortcode 的子模塊(Shortcode Basic Tags 或 Shortcode Video Macro)才能開始使用編輯代碼功能。其中 Shortcode Basic Tags 是用得最多的一個子模塊,它提供一系列常用編輯代碼,如 [img], [link], [button] 等等。

  現在讓我們一起來配置這個模塊,實現可以在編輯器中使用 [img], [link], [button] 這三種編輯代碼。

  首先確認已啓用 Shortcode Basic Tags 子模塊,訪問輸入格式配置頁面並對 Filtered HTML進行配置。在Enable filters 選項中勾選中 Shortcodes後點擊保存

Shortcode 啓用

  啓用了 Shortcode 過濾器後,再次編輯輸入格式,找到下方的配置面板選擇 Shortcode 進行進一步配置,如啓用圖片、鏈接和按鈕的編輯代碼。

Shortcode 配置可用編輯代碼

  根據需要調整過濾器的順序後保存設置。
Shortcode 調整過濾器順序

  完成了過濾器的配置,我們就來看看 Shortcode 的效果究竟如何。

  點擊添加內容,填寫好標題後將以下代碼填寫到內容區域(如下圖)

[button path="node/2" (class="additional class")]Order now[/button]

[img src="misc/druplicon.png" (class="additional class"|alt="alt text")/]

[link path="node/2"]link text[/link]

Shortcode 測試代碼

  編輯代碼的使用說明可以在輸入格式的幫助信息中找到,所以並不需要特意去記可用的編輯代碼。當不確定編輯代碼要怎麼寫時,可以參考這些內容。

Shortcode 輸入格式提示

  將上述示例代碼進行保存後,便可以在新建的頁面中看到剛纔所輸入的編輯代碼都被轉爲了對應的按鈕、圖片和鏈接。

Shortcode 使用效果

原文標題:如何讓 Drupal 使用 Wordpress 形式的編輯代碼?

原文鏈接:http://drupalct.org/drupal-site-building/using-wordpress-style-shortcode-in-drupal.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章