如何让 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 的效果究竟如何。
点击添加内容,填写好标题后将以下代码填写到内容区域(如下图)
[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 形式的编辑代码?的更多相关文章
- WordPress 前端投稿/编辑插件 DJD Site Post(支持游客和已注册用户)
转自:http://www.wpdaxue.com/front-end-publishing.html 说到前端用户投稿,倡萌之前推荐过3个不错的插件: WordPress匿名投稿插件:DX-Cont ...
- WordPress 前端投稿/编辑发表文章插件 DJD Site Post(支持游客和已注册用户)汉化版 免费下载
插件简介 前面逍遥乐给大家推荐了 WordPress用户前端化专业版WP User Frontend Pro WordPress中文汉化插件v2.1.9 今天逍遥乐给大家带来的wordpress插件是 ...
- 如何给WordPress安装百度统计代码
1.注册并登录百度统计,点击页面顶部的“网站中心”,然后点击右上角“+ 新增网站”,填写网站域名确定后,点击“复制代码”:2.登录 WordPress 后台,点击左侧导航栏“外观”里的“编辑”,然后点 ...
- WordPress页面函数功能代码调用大全
WordPress模板基本文件 style.css 样式表文件index.php 主页文件single.php 日志单页文件page.php 页面文件archvie.php 分类和日期存档页文件sea ...
- 用vscode编辑代码
本教程只适用于用vs code编辑代码,并不是用vs code调试,调试还是老实用keil吧,干货开始.... 废话不多说 第一步:去微软下载一个vs code,顺带百度了解一下vs code强大的功 ...
- VS2010在运行状态下编辑代码
在VS2010环境下,当程序处于调试运行状态时,编辑代码会出现下图提示框: 这就给边编辑代码边查看程序运行效果带来不便. 解决方法:在程序没有运行的时候,打开菜单“工具”——>“选项”——> ...
- VS编辑代码的时候,都会自动在资源浏览器里将文件所在项目展开
如何设置VS编辑代码的时候,都会自动在资源浏览器里将文件所在项目展开 工具-选项-项目和解决方案-常规-在解决方案资源管理器中跟踪活动项(C)
- Wordpress主题中常用代码总结
1. 在 Wordpress主题中显示最热文章的 PHP代码 <?php $result = $wpdb->get_results("SELECT comment_count,I ...
- 在线编辑代码[django]版本
再国内,做什么都这么吃力.连aliyun 的ssh 都被封这是什么世道,所以做一个在线编辑代码的忙忙碌碌有点粗糙.大家见谅1. [代码]views.py #-*- coding:utf-8 -*- ...
随机推荐
- Redis主从同步介绍
Redis主从同步命令和配置项 启动主从复制:master无需任何操作,slave中使用以下任意一种开启复制功能 (1).通过配置文件启动主从复制: 在redis.conf中加入"slave ...
- 给windows的VM更换网卡到VMNET3从E1000
1. Login to vCenter via vSphere client. go to the vm 2. create a 1G new disk(SCSI 1:2) for the VM te ...
- 把docker当做绿色打包工具
如题,我只是把docker当成绿色版的各种环境的集成打包工具了 用到了docker的--net=host模式,这个暂时在mac下是有问题的,linux下正常使用,具体docker的网络模式参考这里,此 ...
- Nginx实现内参:为什么架构很重要?
Nginx在web开发者眼中就是高并发高性能的代名词,其基于事件的架构也被众多开发者效仿.我从Nginx的网站找到一篇技术文章将Nginx是怎样实现的,文章是Nginx的产品老大Owen Garret ...
- import了sun开头的类,虽然它在代码里压根就没派上用处!但是必须得引用!
package action; import java.io.BufferedReader; import java.io.ByteArrayOutputStream; import java.io. ...
- 用radio控制<tr>的隐藏和显示问题
jsp页面代码 <tr> <th nowrap="nowrap" width="10%" height="50px" st ...
- PLSQL_性能优化系列18_Oracle Explain Plan解析计划通过Baseline绑定
2015-05-28 Created By BaoXinjian
- pycharm 格式化代码
有时候将空格键和tab键混用,在windows上没什么事情,但是如果移动到linux就会有问题,所以我们在移动到linux上之前要先格式化一下代码: ctrl+alt+L可以格式化,但是和锁屏快捷键冲 ...
- js 回车提交表单的实现
我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此.比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键 ...
- Android 开发中常用 ADB 命令总结
adb 的全称为 Android Debug Bridge,就是起到调试桥的作用.通过 adb 我们可以在 Eclipse 中方便通过 DDMS 来调试 Android 程序,说白了就是 debug ...