WP-Syntax WordPress高亮插件使用方法

首先简单了解下 wp-Syntax 插件,wp-Syntax 是一个针对wordpress的代码高亮插件,最大的优点是简单易用,兼容性非常好。

  wp-Syntax 插件使用方法


   首先下载WordPresswpSyntax插件,点此下载!


  下载后解压安装激活,过程不再赘述。

下面的操作我们要把 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″”即可!

  友情提示:代码高亮的效果必须在代码编辑器里面实现,也就是你粘贴的代码一定要在代码编辑器里面,不要在代码和可视化之间来回切换,这样会出现错误。如果不想显示代码高亮效果,按照平时的习惯书写代码即可。

  wp-syntax 插件支持的 language 列表:

  复制代码代码如下:

 <pre name="code" class="css">  'actionscript' => array('as'),

  'ada' => array('a', 'ada', 'adb', 'ads'),

  'apache' => array('conf'),

  'asm' => array('ash', 'asm', 'inc'),

  'asp' => array('asp'),

  'bash' => array('sh'),

  'bf' => array('bf'),

  'c' => array('c', 'h'),

  'c_mac' => array('c', 'h'),

  'caddcl' => array(),

  'cadlisp' => array(),

  'cdfg' => array('cdfg'),

  'cobol' => array('cbl'),

  'cpp' => array('cpp', 'hpp', 'C', 'H', 'CPP', 'HPP'),

  'csharp' => array('cs'),

  'css' => array('css'),

  'd' => array('d'),

  'delphi' => array('dpk', 'dpr', 'pp', 'pas'),

  'diff' => array('diff', 'patch'),

  'dos' => array('bat', 'cmd'),

  'gettext' => array('po', 'pot'),

  'gml' => array('gml'),

  'gnuplot' => array('plt'),

  'groovy' => array('groovy'),

  'haskell' => array('hs'),

  'html4strict' => array('html', 'htm'),

  'ini' => array('ini', 'desktop'),

  'java' => array('java'),

  'javascript' => array('js'),

  'klonec' => array('kl1'),

  'klonecpp' => array('klx'),

  'latex' => array('tex'),

  'lisp' => array('lisp'),

  'lua' => array('lua'),

  'matlab' => array('m'),

  'mpasm' => array(),

  'mysql' => array('sql'),

  'nsis' => array(),

  'objc' => array(),

  'oobas' => array(),

  'oracle8' => array(),

  'oracle10' => array(),

  'pascal' => array('pas'),

  'perl' => array('pl', 'pm'),

  'php' => array('php', 'php5', 'phtml', 'phps'),

  'povray' => array('pov'),

  'providex' => array('pvc', 'pvx'),

  'prolog' => array('pl'),

  'python' => array('py'),

  'qbasic' => array('bi'),

  'reg' => array('reg'),

  'ruby' => array('rb'),

  'sas' => array('sas'),

  'scala' => array('scala'),

  'scheme' => array('scm'),

  'scilab' => array('sci'),

  'smalltalk' => array('st'),

  'smarty' => array(),

  'tcl' => array('tcl'),

  'vb' => array('bas'),

  'vbnet' => array(),

  'visualfoxpro' => array(),

  'whitespace' => array('ws'),

  'xml' => array('xml', 'svg'),

  'z80' => array('z80', 'asm', 'inc')

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
熟悉程序设计的网友,在 WordPress 插入代码是经常的事情。使用代码插件,可以让你的程序代码更容易阅读。WP-Syntax 就是这样一个代码插件,不过,WP-Syntax 插件使用起来却并不太方便。 使用这个插件,每次插入代码的时候,都需要手动输入一些预设置的格式,如果能够在编辑器框里增加一个按钮,自动输入这些重复的内容,就方便多了。有问题就要解决,办法还是有滴,不然就不发这篇文章了O(∩_∩)O~。 WP-Syntax插件安装: 下载WP-Syntax插件,然后上传插件到/wp-content/plugins/下的文件夹。 进入 wordpress的管理后台,进入插件页面激活WP-Syntax插件,即安装完毕 安装成功后,找到WordPress文件夹里的\wp-includes\js\quicktags.js这个文件,这个文件里是编辑按钮的语句,例如: 上面调用的按钮就是li的按钮和code的按钮,你会发现他们都是同样的格式,那么我们也可以复制一条插入到code代码的后面,就OK了,那么调用WP-Syntax的语句就是: edButtons[edButtons.length]=new edButton("ed_mycode","mycode","<pre lang='php'>","</pre>","z"); 添加好后进入wp后台发布日志时插入代码,在HTML编辑模式下选中代码,点mycode按钮,就自动把要添加的代码格式化啦!自动插件代码后,语句lang=”LANGUAGE”就是对应你的程序语言。如果是css就手动改为lang=”css”是php就改为lang=”php”其它程序同理!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值