17713433920 info@mac163.com
添加WordPress自定义QuickTag
添加WordPress自定义QuickTag

WordPress QuickTags API允许您将按钮添加到WordPress管理文本编辑器。老实说,文本编辑器可能不如富文本​​编辑器那样使用,通过这种方式,添加快速标签在经常重复执行相同任务时会非常有用。

这是WordPress中提供的默认快速标记的列表:

这是WordPress中提供的默认快速标记的列表
这是WordPress中提供的默认快速标记的列表

如您所见,您可以创建各种类型的按钮,为每个按钮分配访问键,并轻松定义自己的自定义代码。

要添加快速标记,您需要将自定义函数挂钩到  admin_print_footer_scripts挂钩。基本上,这个想法是在管理页脚中添加一些自定义javascript代码。快速标签API提供了一个称为addButton的内置函数:

QTags.addButton(id,display,arg1,arg2,access_key,title,priority,instance);

此函数接受8个参数:

  • id:(字符串)(必需)按钮的html id
  • display:(string)(必需)按钮的html值
  • arg1:(字符串)(必需)或者插入要插入的开始标记(如“ <span>”),或者单击按钮时执行的回调
  • arg2:(字符串)(可选)结束标记,例如“ </ span>”。如果不需要关闭标签,请留空(即“ <hr />”)
  • access_key:(字符串)(可选)按钮的快捷访问键
  • title:(string)(可选)按钮的html标题值
  • priority:(int)(可选)一个数字,表示按钮在工具栏中的期望位置。1 – 9 =第一,11 – 19 =第二,21 – 29 =第三,依此类推
  • instance:(string)(可选)将按钮限制为Quicktags的特定实例,如果不存在则添加到所有实例

这是一个完整的片段,将WPExplorer链接添加到编辑器:

// Add buttons to html editor
add_action('admin_print_footer_scripts','rc_quicktags');
function rc_quicktags() { ?>
	<script language="javascript" type="text/javascript">
		/* Adding Quicktag buttons to the editor WordPress ver. 3.3 and above
		* - Button HTML ID (required)
		* - Button display, value="" attribute (required)
		* - Opening Tag (required)
		* - Closing Tag (required)
		* - Access key, accesskey="" attribute for the button (optional)
		* - Title, title="" attribute (optional)
		* - Priority/position on bar, 1-9 = first, 11-19 = second, 21-29 = third, etc. (optional)
		*/
		QTags.addButton( 'WPexplorerlove', 'WPexplorerlove', '<a href="http://wpexplorer.com" target="_blank">', '</a>', 'w' );
	</script>
<?php
}

结果如下:

wordpress-quicktags-api

要使用该快速标记,请单击一次,它将插入<a>标记的开头,添加一些文本,然后再次单击该按钮,这将添加结束</a>标记。而已!


微信二维码

微信扫描二维码联系我们!
我们在微信上24小时期待你的声音
提供外贸路由器设备产品,轻松翻墙,解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建等!


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
回到顶部