WordPress后台的 HTML 编辑器快捷按钮对于在编辑文章代码时不用再手动输入标签,显得十分方便。
很显然wordpress默认的快捷标签按钮还不能满足我的编辑需求,那么我是否可以自定义添加自己想要的快捷按钮呢?
html编辑器
当然可以~对于那些像小简博客经常需要插入短代码的,在HTML编辑器的工具栏里加上各种各样的快捷标签也是很有用的,之前几个版本中使用的方法都已经失效了,下面的方法小简在wordpress3.5.1版本下测试可行!
打开,编辑functions.php文件(请注意备份这个文件,误删代码的话,网站就无法打开,)
在functions.php添加如下代码(一般添加在最后,”?>“结束之前)

//添加HTML编辑器自定义快捷标签按钮
add_action('after_wp_tiny_mce', 'bolo_after_wp_tiny_mce');
function bolo_after_wp_tiny_mce($mce_settings) {
?>
<script type="text/javascript">
QTags.addButton( 'hr', '横线', "n<hr />n", "" );
QTags.addButton( 'h1', '标题1', "n<h1>", "</h1>n" );
QTags.addButton( 'h2', '标题2', "n<h2>", "</h2>n" );
QTags.addButton( 'h3', '标题3', "n<h3>", "</h3>n" );
QTags.addButton( 'wp_page', '分页按钮', "<!--nextpage-->n", "" );
function bolo_QTnextpage_arg1() {
}
</script>
<?php
}

实现的效果(点击图片放大):
html编辑器
代码解析:

QTags.addButton( ”, ”, ”, ” );

【四对引号,分别表示按钮的ID、按钮显示名、点一下输入内容、再点一下关闭内容(最后一对引号为空则一次输入全部内容),n表示换行】

形象说明: QTags.addButton( ‘ 按钮ID’, ‘按钮显示名’, ‘点一下输入内容’, ‘点一下关闭内容’ );

可以自定义添加多行 QTags.addButton( ”, ”, ”, ” ); 增加多个按钮!
转载来源点此进入

随机文章

最简单的android手机联系人vcard(vcf后缀格式)规范格式
最简单的android手机联系人vcard(vcf后缀格式)规范格式

想找外国老公吗
想找外国老公吗

U盘安装ubuntu linux, 重启后屏幕一直停留在Peter Anvin et al
U盘安装ubuntu linux, 重启后屏幕一直停留在Peter Anvin et al

微信4.5版本支持实时语音聊天
微信4.5版本支持实时语音聊天

亚马逊正在考虑邮寄你并未下单的商品
亚马逊正在考虑邮寄你并未下单的商品

百度搜索引擎显示网站ICO图标事件始末
百度搜索引擎显示网站ICO图标事件始末

相关文章

注销腾讯企业邮箱之后
注销腾讯企业邮箱之后

如何越狱你的IOS 7设备
如何越狱你的IOS 7设备

searchpath让你的网站在当前直接显示搜索结果
searchpath让你的网站在当前直接显示搜索结果

《 AngularJS深度剖析与最佳实践》安装front-jet失败
《 AngularJS深度剖析与最佳实践》安装front-jet失败

让你的favicon以饼状图显示加载进度
让你的favicon以饼状图显示加载进度

设置java环境变量
设置java环境变量

内容分享:道招
本文链接:wordpress3.5后台HTML编辑器添加快捷标签按钮
道招声明:除特别标注或作者不详外,本站所有文章均为原创,转载请注明。欢迎共同关注互联网!