love2wind

VJuly 22, 2009

Wordpress插件:WP-Syntax以及一键插入WP-Syntax代码的方法

写BLOG的时候难免会贴一些代码,直接贴上去很容易被浏览器解析掉,而且还不好看,这时就会用到代码高亮的插件,目前使用比较广泛的有WP-Syntax和Coolcode(Coolcode是一款国人开放的强大插件),今天来说说WP-Syntax!

WP-Syntax的使用 一、WP-Syntax涉及一个命令pre两个参数lang、line,使用格式如下 《p re lang="JavaScript" line='1'》your codes《/p re》 把上面的《》换成<>

二、参数说明 lang='LANGUAGE':是你的代码语言,如:php、html、Java、Javascript、CSS; line='1'’:是否显示行号,1是显示、0不显示(默认是1)。

WP-Syntax支持的语言

abap, actionscript, actionscript3, ada, apache, applescript, aptsources, asm,asp, autoit,bash, blitzbasic, bnf, boo,c, cmac, caddcl, cadlisp, cil, cfdg, cfm, cobol, cpp-qt,cpp,csharp,css, d, delphi, diff, div, dos, dot, eiffel, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell,html4strict, idl, ini, inno, io,java,java5,javascript, kixtart, klonec, klonecpp, latex, lisp, lotusformulas, lotusscript, lua, m68k, matlab, mirc, mpasm, mxml,mysql, nsis,objc, ocaml-brief, ocaml, oobas,oracle8, pascal, per, pic16,perl, php-brief,php, plsql, povray, powershell, progress,python, qbasic,rails, reg, robots,ruby, sas, scala, scheme, sdlbasic, smalltalk, smarty,sql, tcl, text, thinbasic, tsql, typoscript,vb,vbnet, verilog, vhdl, visualfoxpro, winbatch,xml, xorg_conf, xpp, z80 (加粗的语言为常用语言,高亮部分较多.)

增强-在编辑器上加入按钮 看过上面的说明是不是很感兴趣,但是这样使用起来也很不方便,所以我搜索了下,发现

邪罗刹童鞋有个加入WP-Syntax按钮的方法,在这里和大家分享下 修改方法: 找到wp-includesjsquicktags.js找到 [js]edButtons[edButtons.length]=new edButton("ed_code","code","","","c");[/js] 在上面代码下面添加以下代码: [js]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);[/js] 添加好后进入wp后台发布日志,插入代码,选中代码,点mycode按钮,就自动把要添加的代码格式化! PS: 1、添加的按钮是在HTML源代码的模式下才有,且发布日志时最好切换编辑模式,否则容易出错; 2、你还可以参考这里这里改造你的wp-syntax让其更加完美; 3、<span style="color: #ff0000;">2010.06.02修订</span>;

本文来自投稿,不代表本站立场,如若转载,请注明出处:https://love2wind.cn/archives/306.html
27

发表评论

已有 5 条评论

  1. 左手烟 Lv.1     Win 10 /    Chrome 说道:

    很麻烦的样子。不知道适用2.9.1否。

  2. 两款wordpress代码高亮显示插件 | Cnol's Blog Lv.0     Win 10 /    Chrome 说道:

    [...] 最先找到了wp-syntax,它应该是比较经典的吧,安上这个插件,然后启用,它的使用比较容易,只要用下面的代码把你的代码包围起来就可以了。它支持的语言特别多,达到了108种,具体参考这个网页吧,我也是在这里学的~ 1 2 <pre lang="选择一个语言" line="1"> 代码 [...]

  3. 垃圾! Lv.1     Win 10 /    Chrome 说道:

    你加的那些东西中有mycode按钮吗????

    1. 【站长】 love2wind Lv.6     Win 10 /    Chrome 说道:


      @垃圾 不知道你起这个名字是什么意思?看图你就知道有按钮没!

  4. hoowolf Lv.1     Win 10 /    Chrome 说道:

    你好,我的是wordpress 3.0,我按照你的步骤做了后还是没有显示这这几个按钮,能解释一下吗?