给wordpress编辑器添加 pre 代码高亮标签

之前用习惯了的主题,现在新建网站换到dux主题,后台没有代码高亮快捷按钮,每次粘贴代码都需要手动敲一下<pre>这个标签,真的很不习惯。

所以在网上找了教程,现在在主题下面的functions.php文件里添加了下面的代码,现在编辑代码终于不用手动敲一 pre 标签了,直接点一下就行了。

代码:(添加到主题下面的functions.php文件最下面)

//添加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>" );
QTags.addButton( 'pre', 'pre', "<pre>", "</pre>" );
</script>
<?php
}?>
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《给wordpress编辑器添加 pre 代码高亮标签》
文章链接:https://qqooo.cn/html/77.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
本站资源均来源于网络,若侵犯您的权益,请来信 Feelym@88.com 删除!