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

所属分类: CMS教程 / WordPress 阅读数: 505
收藏 0 赞 0 分享
首先简单了解下 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')


相关下载 wp-Syntax 插件下载(修改的quicktags.js) https://www.jb51.net/codes/83089.html
更多精彩内容其他人还在看

WordPress实现评论后可显示内容中附件下载地址的方法

这篇文章主要介绍了WordPress实现评论后可显示内容中附件下载地址的方法,可实现用户在评论后显示内容中附件下载地址的功能,涉及wordpress针对数据库的相关操作与判定技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

WordPress实现的首页幻灯片展示功能示例【附demo源码】

这篇文章主要介绍了WordPress实现的首页幻灯片展示功能的方法,可实现后台勾选推送到首页幻灯片的功能,末尾还附带demo源码供读者下载参考,需要的朋友可以参考下
收藏 0 赞 0 分享

WordPress后台地址被改导致无法登陆后台的简单解决方法

这篇文章主要介绍了WordPress后台地址被改导致无法登陆后台的简单解决方法,简单分析了后台无法登陆的原因与相应的解决方法,涉及针对wordpress配置项的简单修改,需要的朋友可以参考下
收藏 0 赞 0 分享

WordPress使用自定义文章类型实现任意模板的方法

这篇文章主要介绍了WordPress使用自定义文章类型实现任意模板的方法,可通过自定义文章类型来实现任意模版的使用,具有一定参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

WordPress实现回复文章评论后发送邮件通知的功能

这篇文章主要介绍了WordPress实现回复文章评论后发送邮件通知的功能,涉及wordpress针对评论与邮件的相关操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

WordPres限制非管理员访问管理面板的方法

大家可能发现了当实现了前端用户中心,后台控制面板就失去了作用,那么限制其他用户进入后台控制面板就很有必要了!那么我们要怎么做呢?通过下面这篇文章分享的方法后,只有管理员才能进入,否则是其他注册用户进入则会跳转首页。下面来一起看看吧。
收藏 0 赞 0 分享

wordpress自定义上传文件类型的方法

这篇文章主要给大家介绍了wordpress自定义上传文件类型的方法,如WordPress默认允许上传 .exe 后缀名的可运行文件,那么我们怎么禁止用户在WordPress后台发表文章时上传 .exe 后缀名的文件呢?以及如何让wrodpress允许上传zip文件格式,下面来一起
收藏 0 赞 0 分享

WordPress取消英文标点符号自动替换中文标点符号的优雅方法

这篇文章主要介绍了WordPress取消英文标点符号自动替换中文标点符号的优雅方法,需要的朋友可以参考下
收藏 0 赞 0 分享

wordpress在安装使用中出现404、403、500及502问题的分析与解决方法

wordpress是很多新手站长搭建个人博客最喜爱的程序,但是最近在使用WordPress的时候遇到了一些问题,所以想着将遇到问题总结分享出来,下面这篇文章主要给大家介绍了关于wordpress在安装使用中出现404、403、500及502问题的解决方法,需要的朋友可以参考下。
收藏 0 赞 0 分享

WordPress中删除垃圾评论的方法

这篇文章主要介绍了WordPress中删除垃圾评论的方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多