在您的WordPress博客中显示jQuery源代码

想在你的WordPress博客的jQuery的源代码,而无需通过格式化来显示源代码片段的行和编辑?

例:
在您的WordPress博客中显示jQuery源代码

如何设置

1.安装称为WordPress插件SyntaxHighlighter的演进

2.在HTML编辑器后,像这样的代码:

 [code lang="js"] jQuery code goes here [/code] 

设置

更改为满足您的需求,显示器的设置。 我个人推荐以下设置,谁看了你的代码的人也可能希望将它复制到剪贴板他们,如果你有行号,他们也将被复制,并造成滋扰。

在您的WordPress博客中显示jQuery源代码

该插件设置页面也有一个预览窗口(见下文),这是自定义外观,以满足您的博客是非常有用的。

 在您的WordPress博客中显示jQuery源代码 

其他设置/功能

高亮线

您还可以突出显示特定的线路,使之脱颖而出。 要做到这一点,你只需有亮点=加以强调” 1-3,6,9“和行号。

在您的WordPress博客中显示jQuery源代码

代码缩进

您可以使用文本编辑器如记事本++缩进的代码:

TextFX> TextFX编辑>重新缩进C ++代码

在您的WordPress博客中显示jQuery源代码

支持的语言

•动作
•CSHARP
•CSS
•德尔福
•JavaScript的
•java的
•perl的
•PHP
•文本
•蟒蛇
•红宝石
•SQL
•VB
•XML
见支持的语言的完整列表

例如使用与常见的网络语言

 [php] code goes here [/php] 

 [code lang="js"] code goes here [/code] 

 [css highlight="1-3,6,9"] code goes here [/css] 

 [sourcecode language="plain"] code goes here [/sourcecode] 

 [sourcecode language="html"] code goes here [/sourcecode] 

活生生的例子: http://www.jquery4u.com/basic-syntax/5-basic-jquery-syntax/
插件主页: http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/
Wordpress.org下载: http://wordpress.org/extend/plugins/syntaxhighlighter/

另请参阅: 添加帮助文本语法高亮显示

From: https://www.sitepoint.com//show-jquery-source-code-wordpress-blog/