wordpress文本编辑器自定义标签的方法

最新推荐文章于 2022-12-02 09:26:38 发布

原创

最新推荐文章于 2022-12-02 09:26:38 发布 · 873 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了如何在WordPress中自定义文本编辑器的标签，通过修改functions.php文件，添加代码实现类似code标签的功能，方便快速插入h2、h4、pre等标签，提高编辑效率。

效果图

上图添加了h2、h4、pre标签

正文

每次手动在文本编辑器里打出<pre></pre>的时候都觉得很难受,为什么不能像code那样在上方就有个可供选择的标签呢？于是有了这篇文章。一切教程来自互联网。

首先找到网站的functions.php 文件。两个方法，一个是在网站后台，也就是仪盘表里，外观—编辑，找到functions.php 文件。还有一个方法是打开网站的文件管理器，我用的是cPanel，登录进去直在主题里修改functions.php。个人觉得第一种方法简单快捷。

在文件中添加这样一段代码：

add_action('after_wp_tiny_mce', 'add_button_mce');
function add_button_mce($mce_settings) {
?>
<script type="text/javascript">
    QTags.addButton( 'h2', 'h2', "<h2>", "</h2>" );
    QTags.addButton( 'h4', 'h4', "<h4>", "</h4>" );
    QTags.addButton( 'pre', 'pre', "<pre>", "</pre>" );
</script>
<?php
}

记得确保代码在<?php?>中间。

就可以达到效果图中的效果。

当然，也可以按自己需要来改。addbutton四个参数分别是按钮