HTML代碼美化

基於javascript的一款運行在web頁面的漂亮熒光線插件。

你是否需要一款像本文一樣優美的現實各種代碼片段的需求，你是否還在苦苦尋找，那麼我來幫助你了，本文將介紹一款基於javascript的一款運行在web頁面的漂亮熒光線插件，效果非常漂亮呢。

SHJS 語法簡單而高效一款javascript熒光線工具

// 下載
http://shjs.sourceforge.net/doc/download.html

// 效果
本文中所寫的代碼就是採用的SHJS插件所顯示的

引用資源

<!— 注意，需要 SHJS0.5+ 以上的版本才支持自動加載 —>
<link type=”text/css” rel=”stylesheet” href=”/plugins/shjs-0.6/css/sh_blacknblue.css”>
<link type=”text/css” rel=”stylesheet” href=”/plugins/shjs-0.6/css/sh_laruence.css”>
<script type=”text/javascript” src=”/plugins/shjs-0.6/sh_main.js”></script>
<script type=”text/javascript”>
    $(function () {
        // 自動加載熒光
        sh_highlightDocument(/plugins/shjs-0.6/lang/‘, ‘.js’);
    });
</script>

SHJS 文檔
要使用SHJS突出顯示HTML文檔中的源代碼，請執行以下步驟：
將每個源代碼段放在一個pre元素中。（目前SHJS不能突出顯示不在pre元素中的代碼。） pre元素必須在類(class)中 ，其中LANGUAGE指定編寫源代碼的編程語言。例如，對於C ++，正確的類(class)是。 sh_cpp

<pre class=”sh_cpp”>
#include &lt;iostream&gt;

using namespace std;

int main(int argc, char ** argv) {
  cout &lt;&lt; “Hello world” &lt;&lt; endl;
  return 0;
}
</pre>

下表顯示了每種語言使用的正確類（class）：

Language	HTML class
Bison	sh_bison
C	sh_c
C++	sh_cpp
C#	sh_csharp
ChangeLog	sh_changelog
CSS	sh_css
Desktop files	sh_desktop
Diff	sh_diff
Flex	sh_flex
GLSL	sh_glsl
Haxe	sh_haxe
HTML	sh_html
Java	sh_java
Java properties files	sh_properties
JavaScript	sh_javascript
JavaScript with DOM	sh_javascript_dom
LaTeX	sh_latex
LDAP files	sh_ldap
Log files	sh_log
LSM (Linux Software Map) files	sh_lsm
M4	sh_m4
Makefile	sh_makefile
Objective Caml	sh_caml
Oracle SQL	sh_oracle
Pascal	sh_pascal
Perl	sh_perl
PHP	sh_php
Prolog	sh_prolog
Python	sh_python
RPM spec files	sh_spec
Ruby	sh_ruby
S-Lang	sh_slang
Scala	sh_scala
Shell	sh_sh
SQL	sh_sql
Standard ML	sh_sml
Tcl	sh_tcl
XML	sh_xml
Xorg configuration files	sh_xorg