服务器之家

服务器之家 > 正文

wp-Syntax wordpress高亮插件使用方法

时间:2019-09-23 11:59     来源/作者:wordpress教程网

首先简单了解下 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' =&gt; array('as'), 
'ada' =&gt; array('a', 'ada', 'adb', 'ads'), 
'apache' =&gt; array('conf'), 
'asm' =&gt; array('ash', 'asm', 'inc'), 
'asp' =&gt; array('asp'), 
'bash' =&gt; array('sh'), 
'bf' =&gt; array('bf'), 
'c' =&gt; array('c', 'h'), 
'c_mac' =&gt; array('c', 'h'), 
'caddcl' =&gt; array(), 
'cadlisp' =&gt; array(), 
'cdfg' =&gt; array('cdfg'), 
'cobol' =&gt; array('cbl'), 
'cpp' =&gt; array('cpp', 'hpp', 'C', 'H', 'CPP', 'HPP'), 
'csharp' =&gt; array('cs'), 
'css' =&gt; array('css'), 
'd' =&gt; array('d'), 
'delphi' =&gt; array('dpk', 'dpr', 'pp', 'pas'), 
'diff' =&gt; array('diff', 'patch'), 
'dos' =&gt; array('bat', 'cmd'), 
'gettext' =&gt; array('po', 'pot'), 
'gml' =&gt; array('gml'), 
'gnuplot' =&gt; array('plt'), 
'groovy' =&gt; array('groovy'), 
'haskell' =&gt; array('hs'), 
'html4strict' =&gt; array('html', 'htm'), 
'ini' =&gt; array('ini', 'desktop'), 
'java' =&gt; array('java'), 
'javascript' =&gt; array('js'), 
'klonec' =&gt; array('kl1'), 
'klonecpp' =&gt; array('klx'), 
'latex' =&gt; array('tex'), 
'lisp' =&gt; array('lisp'), 
'lua' =&gt; array('lua'), 
'matlab' =&gt; array('m'), 
'mpasm' =&gt; array(), 
'mysql' =&gt; array('sql'), 
'nsis' =&gt; array(), 
'objc' =&gt; array(), 
'oobas' =&gt; array(), 
'oracle8' =&gt; array(), 
'oracle10' =&gt; array(), 
'pascal' =&gt; array('pas'), 
'perl' =&gt; array('pl', 'pm'), 
'php' =&gt; array('php', 'php5', 'phtml', 'phps'), 
'povray' =&gt; array('pov'), 
'providex' =&gt; array('pvc', 'pvx'), 
'prolog' =&gt; array('pl'), 
'python' =&gt; array('py'), 
'qbasic' =&gt; array('bi'), 
'reg' =&gt; array('reg'), 
'ruby' =&gt; array('rb'), 
'sas' =&gt; array('sas'), 
'scala' =&gt; array('scala'), 
'scheme' =&gt; array('scm'), 
'scilab' =&gt; array('sci'), 
'smalltalk' =&gt; array('st'), 
'smarty' =&gt; array(), 
'tcl' =&gt; array('tcl'), 
'vb' =&gt; array('bas'), 
'vbnet' =&gt; array(), 
'visualfoxpro' =&gt; array(), 
'whitespace' =&gt; array('ws'), 
'xml' =&gt; array('xml', 'svg'), 
'z80' =&gt; array('z80', 'asm', 'inc') 

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字 2019-06-05
超A是什么意思 你好a表达的是什么
超A是什么意思 你好a表达的是什么 2019-06-06
返回顶部