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

技术论点 131 阅读 0

PS:大前端网站关掉了,这些测试的资源我也手动发布到现在的这个博客了,不为了什么,就为了占用一点数据库。

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

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

给wordpress编辑器添加 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
}?>

Tags:

版权声明:若无特殊注明,本文皆为《燕闻墨香博客》原创,转载务必保留文章来源。

本文链接:给wordpress编辑器添加 pre 代码高亮标签 & https://www.mxooo.cn/1179/

推荐阅读
发表评论 取消回复
表情 图片 链接 代码

分享