当前位置:园子博客 » Wordpress » wp-Syntax 插件使用方法

wp-Syntax 插件使用方法

6月 13th, 2009 | Filed under Wordpress | 共有30,134次浏览

前些天在博客上安装了这款 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 列表:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
'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文件下载

  1. 骤雨打新荷
    4月 18th, 201116:16

    一直在找这样一个简单的高亮插件,谢谢了

  2. SayMe
    3月 31st, 201118:10

    使用成功,特来感谢

  3. 海涛
    3月 30th, 201122:44

    博主seo做的真好,好多关键词都在第一位。

  4. alige
    3月 25th, 201113:38

    看来还是不够完美 无法实现在可视化与HTML状态下自由切换

  5. towry
    1月 29th, 201115:46

    终于让我找到解决办法了,谢了

  6. 588.cn
    1月 3rd, 201117:08

    方法不错,找了几个小时才找到这里,很好用。

  7. 死虫子
    12月 16th, 201010:55

    不行哎,用你的那个覆盖了,在编辑器里面也没看见按钮

  8. 北街
    11月 29th, 201013:34

    貌似,现在有点问题? 😯

  9. 嗜睡的蚂蚁
    11月 16th, 201010:27

    呵呵 ,谢谢了哈! 😆

  10. tal-rasha
    11月 6th, 201022:24

    我每次用这个插件的时候都会来这看language列表

  11. tal-rasha
    10月 30th, 201022:26

    今天遇到一个问题,就是这个插件php下的html不高亮,你这有没有什么解决方案呀

    • 后80
      1月 25th, 201119:16

      @tal-rasha html 高亮的 lang=’html4strict’ 你看下说明!

  12. i981的世界
    8月 31st, 201013:46

    这个不错

  13. 稠粥稀粥
    8月 6th, 201018:39

    请问你页面左边的那个 “顶部 评论 底部”的那个导向按钮是如何实现的呢?谢谢。 😉

  14. ifenwen
    5月 18th, 201016:29

    好 为什么我用了之后出现那么多的引用符号~~~

  15. yeeones
    5月 6th, 201016:25

    暂时不加这个,只用了FCKEditor

  16. 大智若鲁
    1月 17th, 201022:21

    此方法2.9好像不行 按2.9的代码格式重新添加按钮,于是所有的按钮都没了。我的方法是直接把code按钮改成syntax,反正code按钮留着也没用

    • 园子
      1月 18th, 201009:01

      @大智若鲁
      嗯 ,你的这个方法也不错,我都是直接在代码里面编辑的。

  17. 康节互联
    1月 10th, 201013:33

    恩,不错,试用一下。

  18. 理想博客
    10月 6th, 200900:13

    同问。。

  19. A.shun
    9月 24th, 200915:43

    刚刚用上这。
    可以让它不出现滚动条吗

  20. 卢松松
    6月 13th, 200916:17

    安装这个的话就方便修改了!

您必须在 登录 后才能发布评论.