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( ”, ”, ”, ” ); 增加多个按钮!
转载来源点此进入

随机文章

Java基础第十七讲:异常处理(一)
Java基础第十七讲:异常处理(一)

jQuery网格插件ParamQuery
jQuery网格插件ParamQuery

Java基础第五讲:流程控制(一)
Java基础第五讲:流程控制(一)

今天道招网重新用起了以前的纳奇广告联盟
今天道招网重新用起了以前的纳奇广告联盟

百度搜索真坏啊
百度搜索真坏啊

google keep来了
google keep来了

相关文章

OPPO A103手机意外丢失,买酷比E66送话费
OPPO A103手机意外丢失,买酷比E66送话费

android手机QQ2012很给力
android手机QQ2012很给力

财猫省钱浏览器针对java异常hold住
财猫省钱浏览器针对java异常hold住

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

twitter的开源机器人wolfram
twitter的开源机器人wolfram

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