道招

wordpress3.5后台HTML编辑器添加快捷标签按钮

如果您发现本文排版有问题,可以先点击下面的链接切换至老版进行查看!!!

wordpress3.5后台HTML编辑器添加快捷标签按钮

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

更新时间:
上一篇:wordpress上传图片失败解决方案下一篇:jQuery boxy弹出层插件简介

相关文章

酷比koobee E66手机到手,简单介绍其特点。

买她的原因是因为上班的时候把之前的手机给弄丢了,手机卡+手机全丢。 酷比手机做手机的时间并不长,所以知名度还不高,目前在浙江卫视每天都有她的广告,并且是蔡依林代言的,她还赞助了浙江卫视的一个冲关节目 阅读更多…

关注道招网公众帐号
道招开发者二群