WordPress编辑器添加自定义按钮

GavinWu 2021年01月12日 Wordpress 140 次阅读

给wordpress 文章编辑器添加自定义按钮的方法,在function里按以下结构代码:

1
2
3
4
5
6
7
//编辑器添加按钮
function appthemes_add_quicktags() {
?>
<script type="text/javascript">QTags.addButton( '按钮名', '按钮名', '\n<div class="ask">', '</div>\n' ); </script>
<?php
}
add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );

比如,

1
2
3
4
5
6
7
8
9
10
11
//添加HTML编辑器自定义快捷标签按钮
add_action('after_wp_tiny_mce', 'add_button_mce');
function add_button_mce($mce_settings)
{?>
<script type="text/javascript">
QTags.addButton( 'hr', 'hr', "<hr />", "" );
QTags.addButton( 'h1', 'h1', "<h1>", "</h1>" );
QTags.addButton( 'h2', 'h2', "<h2>", "</h2>" );
QTags.addButton( 'h3', 'h3', "<h3>", "</h3>" );
</script>
<?php}

发表评论