wordpress后台HTML编辑器添加自定义标签按钮方法

wordpress后台HTML编辑器添加自定义标签按钮方法

为WordPress后台的 HTML 编辑器添加自定义标签按钮可以在编辑文章不用手动输入标签,十分方便。不过wordpress默认的快捷标签按钮有时候不能满足我们的需求,那么我们否可以自定义添加自己想要的快捷按钮呢?

其实在wordpress后台HTML编辑器添加自定义标签按钮的方法很简单,打开你主题的functions.php文件,在其中添加下面的代码(一般添加在最后,”?>“结束之前).

  1. //添加HTML编辑器自定义快捷标签按钮
  2. add_action(‘after_wp_tiny_mce’, ‘bolo_after_wp_tiny_mce’);
  3. function bolo_after_wp_tiny_mce($mce_settings) {
  4. ?>
  5. <script type=“text/javascript”>
  6. QTags.addButton( ‘hr’, ‘横线’, “\n<hr />\n”“” );
  7. QTags.addButton( ‘h1’, ‘标题1’, “\n<h1>”“</h1>\n” );
  8. QTags.addButton( ‘h2’, ‘标题2’, “\n<h2>”“</h2>\n” );
  9. QTags.addButton( ‘h3’, ‘标题3’, “\n<h3>”“</h3>\n” );
  10. QTags.addButton( ‘wp_page’, ‘分页按钮’, “<!–nextpage–>\n”“” );
  11. function bolo_QTnextpage_arg1() {
  12. }
  13. </script>
  14. <?php
  15. }

代码分析

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

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

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

可以自定义添加多行 QTags.addButton( ”, ”, ”, ” ); 增加多个按钮!

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论