如果你曾有过将 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. ios外包公司——技术分享:IOS开发教程

        iOS入门培训,适合已经有C/C++/Java/C#基础的人学习.   本大仙主讲,总共4讲(第4讲尚在制作中),这仅仅是iOS开发的入门而已.学完本教程,应该已经足够你自学并开发app了. ...

  2. 【并发编程】AQS学习

    一个简单的示例: package net.jcip.examples; import java.util.concurrent.locks.*; import net.jcip.annotations ...

  3. TMS320C54x系列DSP的CPU与外设——第1章 绪论

    第1章 绪论 TMS320C54x DSP是TMS320系列DSP产品中的定点数字信号处理器.C54x DSP满足了实时嵌入式应用的一些要求,例如通信方面的应用. C54x的中央处理单元(CPU)具有 ...

  4. Mysql触发器简明使用

    触发器:trigger创建触发器的语法mysql> delimiter $mysql> create trigger 触发器名称 after/before(触发时间) insert/upd ...

  5. Excel 操作类

    转载:http://www.cnblogs.com/fellowcheng/archive/2010/08/21/1805158.html ExcelHelper(Excel2007) Code hi ...

  6. SDS查看部署在集成TOMCAT服务器中的项目目录结构

  7. [CSS]置换和非置换元素

    转自:http://blog.doyoe.com 先进一个题外话 在面试一个 重构(各大公司的叫法可能不太一样)时,我喜欢从一个点开始问,然后一直延展下去成为一条线,甚至是一个面,直到问到不会的地方, ...

  8. redis 数据持久化

    1.快照(snapshots) 缺省情况情况下,Redis把数据快照存放在磁盘上的二进制文件中,文件名为dump.rdb.你可以配置Redis的持久化策略,例如数据集中每N秒钟有超过M次更新,就将数据 ...

  9. netty入门实例

    TimeServer.java package netty.timeserver.server; import io.netty.bootstrap.ServerBootstrap; import i ...

  10. ios6和ios7禁止屏幕旋转

    ios6和ios7禁止屏幕旋转 - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOr ...