您的位置:首页 > 电脑网络 > 电脑配件 > WordPress 代码高亮插件:WP-Syntax

WordPress 代码高亮插件:WP-Syntax

luyued 发布于 2011-02-09 19:56   浏览 N 次  

兔了吧唧/cgrabbit 最近一直在折腾现在使用的这款主题,可能是看得时间有点多,现在怎么看怎么不顺眼,唉,真是不知道怎么办才好了,尽管如此,今天还是给大家推荐一款Wordpress代码高亮插件:WP-Syntax

一、基础使用:

1.安装:后台-插件-安装新的插件-搜索“WP-Syntax”,点击安装;或到官方下载,上传至“wp-content/plugins/”内,然后开启。

2.使用:编辑文章时,选择HTML模式下,插入

 This is code! 
(引号为半角)

其中lang=”内为高亮代码的种类,我较常用的php、css和javascript都支持,当然WP-Syntax支持可不止这些(点击这里产看更多);line=”内的数值是行数,可删可留。

至此,插件就已经可以完全正常使用了!

二、继续折腾

先上张图片给大家看一下吧:

下面要说的是为了使用方便而做的一些Wordpress后台修改: 就是要把 wp-Syntax 插件加入到 wordpress 文章编辑器上面(这一步可选,熟悉代码操作的朋友可以跳过),这样的话不必要我们每次手动输入代码,非常方便。找到\wp-includes\js\quicktags.js这个文件:
找到:

1 
edButtons[edButtons.length]=new edButton("ed_code","code","","","c");

在上面代码下面添加以下代码:

1 2 3 4 5 6 
edButtons[edButtons.length]=new edButton("ed_pre_php","pre_php","\n","\n","p",-1); edButtons[edButtons.length]=new edButton("ed_pre_css","pre_css","\n","\n","pp",-1); edButtons[edButtons.length]=new edButton("ed_pre_js","pre_js","\n","\n","ppp",-1);

上面代码已经完成了第一部分,下面代码将完成第二部分。

1 
j.Buttons[j.Buttons.length]=new edButton(a+"_code","code","","","c");


再在上面代码下面添加以下代码

1 2 3 4 5 6 
j.Buttons[j.Buttons.length]=new edButton(a+"_pre_php","pre_php","\n","\n","p",-1); j.Buttons[j.Buttons.length]=new edButton(a+"_pre_css","pre_css","\n","\n","pp",-1); j.Buttons[j.Buttons.length]=new edButton(a+"_pre_js","pre_js","\n","\n","ppp",-1);

这里要提醒大家的是:(非常重要大家一定要仔细看)
1、因为在 Pre 标签里再贴 Pre 标签就会出问题,所以请将代码中的 p0re 替换为 pre。
2、Lang=”" 这里可以任意修改喔,修改为你喜欢的语言,当然先留空到时候再填也不错的。
3、插入代码后不要随便切换编辑模式,因为由“HTML”进入“可视化”部分代码会被WordPress自动转换!

好了就这些了,以后大家再在文章里插入代码时,就方便多了。。。。祝大家使用愉快!哈哈。。。。

上一篇:syntax 下一篇:人因經驗變深刻
图文资讯
广告赞助商