SyntaxHighlighter構文ハイライトプラグインの使用チュートリアル

1556 ワード

まずここでソースコードをダウンロードします.中身が多いので、基本的には2つのフォルダに置くことができます.そのうちshCore.jsとshCore.jsとclipboard.swfはjsフォルダに入れ、shCore.cssにはもう一つのCSSファイル(一つ選んでください)とすべての画像をstyleフォルダに入れます.htmlまたはxmlコードをハイライトしたい場合は、jsにshBrushXmlを1つ追加します.js、javascriptコードをハイライトするには、shBrushJscriptを追加します.jsコード.最後に私たちのホームページでそれらを引用します.
 
  







その 、ページにscriptラベルを し、コードを して、そのflashファイルを して び します.
 
  
SyntaxHighlighter.config.clipboardSwf = 'js/clipboard.swf';
SyntaxHighlighter.all();

これらのコードはwindowに く はありません.onloadの の. にどのように するか、ハイライトするコードをpreファイルに いて、これらのコードは に して、>になることを えています.それから なタイプを して、brushに をつけてあなたたちのコードのタイプを えます.javascriptをハイライトするにはclass=「brush:javascript」、cssをハイライトするにはclass=「brush:css」です.もちろん するかどうかは、 するjavascriptファイル(shBrushJscript.jsなど)を するかどうかです.
この 、コードはハイライトされるだけでなく、 とツールバーも く てくるので、より かく する があります. を するとclass=「brush:javascript;gutter:false;」になります.
これらのパラメータは、ここで に されます.
 
  
 
  
dom.ready(function(){
test("dom.ready");
});