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

 

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

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

  而在 Drupal 中,藉助 Shortcode 模塊能夠實現與之相似的功能。Drupal 中的 Shortcode 模塊並非移植 Wordpress 的 Shortcodes 插件,只是實現了很是類似的功能而已。但若是客戶在Wordpress中使用 Shortcodes 插件,那麼在 Drupal 中也不會以爲太不適應。編輯器

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

 

準備工做

  安裝 Shortcode 模塊的準備工做很是簡單,只需下載並啓用 Shortcode 及 Shortcode Basic Tags 子模塊便可。wordpress

  會使用 Drush 的話,使用如下兩行命令能夠快速下載和啓用這兩個模塊。post

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] 這三種編輯代碼。ui

  首先確認已啓用 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

相關文章
相關標籤/搜索