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

华丽乐章 發表於 2023-9-15 00:00:00

首先简单了解下 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 代码高亮代码书写格式为： 

<div style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>

复制代码

代码如下:
</div>
<p style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
< pre lang="html" line="1"> 
这里是相关代码…… 
< /pre> 

 上面是演示代码，在使用时请自行去掉pre前面的空格。如果不想显示行号去掉“line=”1″”即可！ 友情提示：代码高亮的效果必须在代码编辑器里面实现，也就是你粘贴的代码一定要在代码编辑器里面，不要在代码和可视化之间来回切换，这样会出现错误。如果不想显示代码高亮效果，按照平时的习惯书写代码即可。 wp-syntax 插件支持的 language 列表： 

<div style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>

复制代码

代码如下:
</div>
<p style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
'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')

頁: [1]

琼殿技术论坛's Archiver

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