博客系统

关注公众号 jb51net

关闭
wp-syntax WordPress 代码高亮插件 v1.0

wp-syntax WordPress 代码高亮插件 v1.0

热门排行

简介

WP-Syntax 是一个针对 Wordpress 的代码高亮插件,最大的优点是简单易用,兼容性非常好。

WP-Syntax安装方法:

一、基础使用:
1.安装:后台-插件-安装新的插件-搜索“WP-Syntax”,点击安装;或到官方下载,上传至“wp-content/plugins/”内,然后开启。
2.使用:编辑文章时,选择HTML模式下,插入
<pre lang=’LANGUAGE’ line=’1′> This is code! </pre> (引号为半角!代码高亮插件高亮不来自己的代码,杯具……)
其中lang=”内为高亮代码的种类,我较常用的php、css和javascript都支持,当然WP-Syntax支持可不止这些(更多);line=”内的数值是行数,可删可留。
至此,插件就已经可以完全正常使用了!

下面的操作我们要把 wp-Syntax 插件加入到 wordpress 文章编辑器上面(这一步可选,熟悉代码操作的朋友可以跳过),这样的话不必要我们每次手动输入代码,非常方便。找到\wp-includes\js\quicktags.js这个文件,然后在本页下方下载园子提供修改好的 quicktags.js 文件覆盖,刷新后台页面,在编辑文章时切换到代码模式就可以看到多出一个“syntax”按钮。
如果您想加入css代码,在输入相应的CSS代码后选中代码,然后点击“syntax”按钮,在弹出窗口中输入对应的语言如“CSS”,这样在发布文章后我们就可以看到代码高亮的效果了。
wp-Syntax 代码高亮代码书写格式为:
< pre lang="html" line="1">
这里是相关代码……
< /pre>
上面是演示代码,在使用时请自行去掉pre前面的空格。如果不想显示行号去掉“line=”1″”即可!
友情提示:代码高亮的效果必须在代码编辑器里面实现,也就是你粘贴的代码一定要在代码编辑器里面,不要在代码和可视化之间来回切换,这样会出现错误。如果不想显示代码高亮效果,按照平时的习惯书写代码即可。

大家还下载了