当前位置:首页 > WP教程 > 正文

主题中自定义Tinymce 代码高亮插件(google-code-prettify)语法高亮

文章目录
  1. 1)改造插件
  2. 2)新加prettify引用

在修改主题时,一直为主题的代码高亮问题烦,后来发现 google-code-prettify 很简洁,会自动判断语言类型,库文件也不大,比较轻量级, 因为后台使用的是 tinymce, 所以只要自定义一个tinymce插件就可以了,下载 tinymce 下的 google-code-prettify 插件(http://blog.csdn.net/iua1024/article/details/16114953),请从这里去找,下面我就是要说明,怎么通过这个插件改造成跟着主题走的。

1)改造插件

复制插件到主题的JS目录,打开 prettify.htm,开到第5,6行,换成如下的

<script type="text/javascript" src="../../../../../wp-includes/js/tinymce/tiny_mce_popup.js"></script>
<script type="text/javascript" src="prettify.js"></script>

fuctions.php添加如下代码
/*添加自定tinymce插件*/

add_filter('mce_external_plugins', 'load_tinymce_external_plugins' );

function load_tinymce_external_plugins( $plugins ) {

    $plugins ['prettify'] = get_template_directory_uri().'/js/tinymce_ext_prettify/editor_plugin.js';

    return $plugins;

}
add_filter('mce_buttons_3', 'add_mce_buttons_2');

function add_mce_buttons_2( $buttons ){

    array_unshift( $buttons,'prettify');

    return $buttons;
}

2)新加prettify引用

在js目录里,添加prettify 代码文件,并在头文件中添加引用

标签:
上一篇: 下一篇:

暂无评论

发表评论

不理你。 不要啊! 吃饭。 吃惊。 吃西瓜。 飞吻! 恭喜! Hi 纠结! 膜拜! OK 抛媚眼。 泡泡糖。 抛钱。 忍! 生闷气! 调皮。 偷看。 委屈。 献花。 疑问? 抓狂!

小提示:Ctrl+Enter快速提交助您一臂之力~
加载中……