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

  • 🎉Wordpress
  • 5971 阅读
  • 2009年07月22日
  • 5 条评论
  • 全文共335字, 阅读大约需要1分钟
  • 搜索引擎已收录

首页 / 🎉Wordpress / 正文

AI摘要
Gemini 1.5 Pro
此内容根据文章生成,并经过人工审核,仅用于文章内容的解释与总结
反馈

写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、2010.06.02修订;

 赞  赏

如果觉得我的文章对你有用,请随意打赏

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开  或者  扫一扫,即可进行扫码赞赏哦

本文来自投稿,不代表本站立场,如若转载,请注明出处。
本文最后更新于2020年08月11日17时50分47秒,已超过1575天没有更新,若内容或图片失效,请留言反馈
本文链接:https://niepan.org/archives/306.html(转载时请注明本文出处及文章链接)
作品采用:《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权

发表评论

已有 5 条评论

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

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

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

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

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


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

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

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

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

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

博主 - <?php $this->author->screenName(); ?>

love2wind

记录生活,分享世界