如果你曾有过将 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 的效果究竟如何。

  点击添加内容,填写好标题后将以下代码填写到内容区域(如下图)

[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]

  编辑代码的使用说明可以在输入格式的帮助信息中找到,所以并不需要特意去记可用的编辑代码。当不确定编辑代码要怎么写时,可以参考这些内容。

  将上述示例代码进行保存后,便可以在新建的页面中看到刚才所输入的编辑代码都被转为了对应的按钮、图片和链接。

原文标题:如何让 Drupal 使用 Wordpress 形式的编辑代码?

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

如何让 Drupal 使用 Wordpress 形式的编辑代码?的更多相关文章

  1. WordPress 前端投稿/编辑插件 DJD Site Post(支持游客和已注册用户)

    转自:http://www.wpdaxue.com/front-end-publishing.html 说到前端用户投稿,倡萌之前推荐过3个不错的插件: WordPress匿名投稿插件:DX-Cont ...

  2. WordPress 前端投稿/编辑发表文章插件 DJD Site Post(支持游客和已注册用户)汉化版 免费下载

    插件简介 前面逍遥乐给大家推荐了 WordPress用户前端化专业版WP User Frontend Pro WordPress中文汉化插件v2.1.9 今天逍遥乐给大家带来的wordpress插件是 ...

  3. 如何给WordPress安装百度统计代码

    1.注册并登录百度统计,点击页面顶部的“网站中心”,然后点击右上角“+ 新增网站”,填写网站域名确定后,点击“复制代码”:2.登录 WordPress 后台,点击左侧导航栏“外观”里的“编辑”,然后点 ...

  4. WordPress页面函数功能代码调用大全

    WordPress模板基本文件 style.css 样式表文件index.php 主页文件single.php 日志单页文件page.php 页面文件archvie.php 分类和日期存档页文件sea ...

  5. 用vscode编辑代码

    本教程只适用于用vs code编辑代码,并不是用vs code调试,调试还是老实用keil吧,干货开始.... 废话不多说 第一步:去微软下载一个vs code,顺带百度了解一下vs code强大的功 ...

  6. VS2010在运行状态下编辑代码

    在VS2010环境下,当程序处于调试运行状态时,编辑代码会出现下图提示框: 这就给边编辑代码边查看程序运行效果带来不便. 解决方法:在程序没有运行的时候,打开菜单“工具”——>“选项”——> ...

  7. VS编辑代码的时候,都会自动在资源浏览器里将文件所在项目展开

    如何设置VS编辑代码的时候,都会自动在资源浏览器里将文件所在项目展开 工具-选项-项目和解决方案-常规-在解决方案资源管理器中跟踪活动项(C)

  8. Wordpress主题中常用代码总结

    1. 在 Wordpress主题中显示最热文章的 PHP代码 <?php $result = $wpdb->get_results("SELECT comment_count,I ...

  9. 在线编辑代码[django]版本

    再国内,做什么都这么吃力.连aliyun 的ssh 都被封这是什么世道,所以做一个在线编辑代码的忙忙碌碌有点粗糙.大家见谅​1. [代码]views.py #-*- coding:utf-8 -*-  ...

随机推荐

  1. javascript中的事件学习总结

    一.实例: 一段用js实现的固定边栏滚动特效代码(跨浏览器使用): 二.总结: 由于事件处理在不同浏览器之间存在差异(主要是要考虑ie8及以下浏览器的兼容性),所以在使用处理事件的方法之前,先要判断当 ...

  2. 【转】双机高可用、负载均衡、MySQL(读写分离、主从自动切换)架构设计

    架构简介 前几天网友来信说帮忙实现这样一个架构:只有两台机器,需要实现其中一台死机之后另一台能接管这台机器的服务,并且在两台机器正常服务时,两台机器都能用上.于是设计了如下的架构.此架构主要是由kee ...

  3. Python控制流语句(if,while,for)

    if.py number=23 guess=int(input("enter an int:")) if guess==number: print ("congratul ...

  4. @RequesParam注解源码解析

  5. Instant Run

    http://tools.android.com/tech-docs/instant-run N Developer Preview users: Instant Run is currently i ...

  6. PLSQL_性能优化系列03_Oracle Parallel并发处理

    2014-09-25 Created By BaoXinjian

  7. PO_PO系列 - 收货管理分析(案例)

    2014-07-01 Created By BaoXinjian

  8. JAVA 聊天窗口

    //聊天窗口 import java.awt.*; import javax.swing.*; public class Jiemian9 extends JFrame{ JTextArea wby; ...

  9. ndk android studio万年坑

    先说javah万年坑 javah语法: Usage: javah [options] <classes> where [options] include: -o <file>  ...

  10. laravel加入验证码类几种方法 && Laravel引入第三方库的方法

    1,使用require , inlcude 的方法将验证码类文件包含进来,再进行new 2,将验证码类文件放于Http目录下面,也就是和控制器controller放在一个目录下面,在验证码类文件中加上 ...