wp-Syntax 插件使用方法

前些天在博客上安装了这款 wp-Syntax 插件,在使用的过程中遇到了不少问题,经过不断的尝试都一一解决。今天园子把自己的学习过程给大家做下汇总,希望可以帮到遇到问题的朋友。

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

wp-Syntax 插件使用方法

首先请到 wordpress 官方下载 wp-Syntax 插件。点此下载!

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

下面的操作我们要把 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 列表:

'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')

相关下载

wp-Syntax 插件下载 | 经过修改的quicktags.js文件下载

wp-Syntax 插件使用方法》上有23条评论

发表评论