简单的代码实现给WordPress编辑器添加小工具按钮

建站技术131字数 485阅读1分37秒阅读模式

我们在使用一些WordPress主题的时候是不是看到编辑器工具栏多一些自定义的按钮?这些是如何实现的呢。有些要丰富的快捷键的可以通过按钮添加实现。这里简单的记录添加快捷按钮的方法。

add_action('after_wp_tiny_mce', 'add_button_mce');
function add_button_mce($mce_settings) {
?>
<script type="text/javascript">
edButtons[110]=null;
QTags.addButton( 'h2', 'h2', '<h2>', '</h2>');
QTags.addButton( 'h3', 'h3', '<h3>', '</h3>');
QTags.addButton( 'h4', 'h4', '<h4>', '</h4>');
QTags.addButton( 'h5', 'h5', '<h5>', '</h5>');
</script>
<?php
}

比如这里我们可以在编辑器工具栏添加H2、H3、H4、H5这些快捷标签,包括我们也可以添加P标签和B标签。同类,其他的标签也是依据这个属性方式添加。

投上你的一票
 
麦子
  • 本文由 麦子 发表于 2023年12月25日 19:04:19
  • 转载请务必保留本文链接:https://www.idcxen.com/wp-add-button.html
  • WordPress快捷按钮