==WP Code Highlight插件简介==
WP Code Highlight | Download» |,它是一个用于在wordpress中插入代码并提供代码高亮的插件,且符合W3C验证标准,你只需要将代码放在<pre>和</pre>中间即可,插件可以自动识别你所粘贴代码的语言并高亮,所以不需要额外指定语言,使用起来更方便,WP Code Highlight还可以在wordpress的Html编辑器插入一个名为“WP-Code-Highlight”的按钮,方便你插入代码,其实就是方便你插入一个pre标签,另外如果你以前是使用WP-Syntax的,不用担心,你现在仍然可以使用原来的方法插入代码,WP Code Highlight完全兼容WP-Syntax的代码插入风格,因为我自己原来也是用它的,但是它太大了,非常消耗资源,所以自己开发了这个轻便的,并做到插件过渡无忧。WP Code Highlight使用的是轻便的Google Code Prettify代码着色库。我们可以在插件设置页面开关行号,也可以更换代码高亮主题或随机显示高亮主题。感谢荒野无灯帮助纠正Bug。当你万一需要卸载此插件时,WP Code Highlight会自动删除在数据库中的设置数据,做到绿色无污染。
==WP Code Highlight插件安装与使用==
(1)下载后解压得到wp-code-highlight文件夹,上传至 /wp-content/plugins/ 目录,然后在后台“插件”那里启用。
(2)因为wordpress的可视化编辑器会将代码来回转义,所以最好禁用,方法:登入后→用户→点击你的帐户→把第一个选项勾上“禁用可视化编辑器”
(3)对插件进行个性化的设置,方法:登入后→设置→WP Code Highlight
(4)写文章时将代码放在<pre>和</pre>中间即可(Html编辑器中已经提供了一个名为WP-Code-Highlight的按钮,方便你插入代码)。
(5)如果你以前是使用WP-Syntax的,你现在仍然可以使用原来的方法插入代码,WP Code Highlight完全兼容WP-Syntax的代码插入风格。可以保证你过渡无忧。
(6)“Code Button”:勾选“enable”则在Html编辑器中插入一个名为“WP-Code-Highlight”的按钮,方便我们插入代码。
(7)“Highlight Themes”:可以选择4种不同的代码高亮主题,也可以勾选“random”则随机显示代码高亮主题。另外,WP Code Highlight支持在当前wordpress主题文件夹中寻找“wp-code-highlight.css”文件,如果wp-code-highlight.css存在则会自动调用。所以如果你对样式不满意想自己定制,只需要自己写一个wp-code-highlight.css文件放入当前你使用的wordpress主题文件夹即可,写法可参考插件文件夹css目录中的wp-code-highlight.css文件。
(8)“Line Numbers”:勾选“enable”则显示代码行号,勾选“disable”则不显示代码行号。
(9)“Delete Options”:勾选后可以在禁用此插件时自动删除在数据库中的设置选项,做到绿色化。
==WP Code Highlight代码高亮演示==
文章或评论中输入:
<pre>
#include<iostream>
using namespace std;
void main(void)
{
cout<<"Hello World"<<'\n';
}
</pre>
前台显示的高亮效果:
#include<iostream>
using namespace std;
void main(void)
{
cout<<"Hello World"<<'\n';
}
==FAQ常见问题解答==
① 哪些角色可以在文章中贴代码?
答:只有角色为“管理员”的用户可以,用pre标签包裹代码即可。wordpress对角色非管理员的用户进行了输入限制,比如含PHP尖括号的代码在保存数据库之前就已经被处理掉,这是为了安全考虑,而对于管理员则没有输入限制,只是在前台显示时进行处理,此时代码高亮插件的作用就发挥出来了,可以避免管理员的代码在前台显示时被处理掉。
② 哪些角色可以在评论中贴代码?
答:依然只有角色为“管理员”的用户可以,用pre标签包裹代码即可。对于非管理员或普通访客都不行,理由同上。有人也许会好奇我下面的评论框为什么任何人包括访客都可以贴代码,这个不是插件的功能,处理起来相当麻烦。
③ 为什么没看到“代码按钮”?
答:代码插入按钮显示在HTML编辑器,名为“WP-Code-Highlight”,其实就是方便你插入pre标签。对于经常需要贴代码的朋友建议你禁用可视化编辑器,方法上面有,因为来回切换会将代码来回转义,凌乱不堪,而且可视化编辑器写出的文章源代码冗余繁杂。而HTML编辑器写出的文章源代码则整洁规范。
④ WP Code Highlight插件支持哪些编程语言?
答:提出这个问题的朋友估计都是被其它的代码高亮插件折腾烦了,因为其它的插件都需要一堆标签属性,很欣慰地告诉你,在WP Code Highlight插件中不存在支不支持哪种语言的说法,不需要指定语言,所有的编程语言都支持,只要pre标签包裹就行,因为原理就是先让pre标签包裹的代码能在前台正常显示,然后再采用js对语法特征进行着色,语言种类的不同对于这个插件来说仅仅是着色不同而已,对于“类似C、类似Bash、类似XML”风格的编程语言着色很丰富,其它风格的编程语言仅仅是着色略显单调而已,不影响代码正常显示。这也正是我开发这个插件的初衷,就是为了使用方便。
==WP Code Highlight插件后台设置界面截图==

==WP Code Highlight插件下载(Download)==
遗憾的是 不能在可视化和HTML之间切换 代码总被转义
可视化编辑器会出现很多问题,如果经常贴代码的话,建议禁用可视化编辑器,否则以后修改代码或者更换高亮插件等都是问题。
Hi,
I tried to find the answer to my question, but I could not. So I thought I ask here: can I change the background color of the codeblock? Not the default one, just sometimes I need other colors to make difference between different type of codes.
Thanks,
grus
@grus
Hi,
You don’t need to specify the language since WP Code Highlight will guess. You just need to wrap your code blocks with <pre> and </pre>. If you want to change ‘Highlight Themes’,you can follow the steps:”Settings”->”WP Code Highlight”->”Highlight Themes”,then you can choose the style you like.
我在用这个插件,不过我现在找不到可以添加标签的按钮啊,然后我手动进wp-code-highlight-admin.php里面改代码还是找不到按钮~好奇怪,我也没有你们所说的插件设置选项~
@weyoung
你首先正确启用插件,然后在后台依次点击“设置”“WP Code Highlight”然后你就可以看到这个插件的设置选项,“代码按钮”是指在你写文章时会看到Html编辑上多了一个以“WP Code Highlight”命名的按钮,可以很方便地帮助你将代码包裹在pre标签中,如果还不明白可以联系我~
@夜光
开启了代码按钮,还是没出现。且 不能在可视化和HTML之间切换 确实很遗憾。
@ethanchen
你会发现HTML编辑器(QuickTags)是那么纯净
代码按钮在Html编辑器,你说的“在可视化和HTML之间切换”这个功能即使有也不建议使用,对于经常贴代码的人来说,保持代码的完整性最重要,来回转义终究会出问题,建议禁用wordpress的可视化编辑器,方法:登入后→用户→点击你的帐户→把第一个选项勾上“禁用可视化编辑器”
你这个插件不支持bash是吗?在我那里 把”"”;”&” 都转译成html编码了???
@KingGoo
支持bash,代码在HTML编辑器中用pre标签包裹,不存在不支持哪种语言的说法,语言种类只是高亮的颜色不同而已,看下面,乱写个代码给你演示一下,很正常:
你好!非常喜欢你的这个插件,这两天自己写了一个主题用你的插件的时候,原来代码的颜色效果没有了,但代码被框出来的效果还是有的,不知道是为什么?网站还没上线,所以没法写网址。谢啦~
夜光,你好!中午的留言不见了。我自己写了一个主题后代码不高亮了,之前用其他主题是正常的啊~
@Legend1988
这说明你的主题写法不标准,①头部header.php的head标签之前必须有wp_head() ②底部footer.php被包含到诸如single.php、page.php中的时候要使用get_footer()函数;你的留言不见了是因为你的邮箱没有申请Gravatar头像,被我的插件WP Anti Spam放进垃圾评论里面了。
@name5566
Tab长度是浏览器的显示行为,如果用插件进行处理就影响原本贴出的代码了。