htmlにソースコードを表示(SyntaxHighlighter)

  • カテゴリー:技術メモ コメント:0 投稿日時:2016/11/02 07:21
    htmlにソースコードを表示する方法。
    SyntaxHighlighterを使用する。
    SyntaxHighlighterからファイルをダウンロードする

    ②ダウンロードしたファイルを解凍する

    ③解凍したファイルをサーバに設置する
    testsフォルダ以外を適当なフォルダに移動します。

    ④設置したファイルを読み込む
    サンプルを参考にファイルの読み込み部分を記載します。

    
    
    
    
    
    


    ⑤ソースコードをhtmlに記述する
    表示したいソースコードをpreタグで囲みます。
    preタグのclass=brush:htmlは表示したいソースコードの種類によって変更してください。
    
    
    
    
    



    Brush nameおよび読み込むファイル名一覧
    Brush nameBrush aliasesFile name
    ActionScript3as3, actionscript3shBrushAS3.js
    Bash/shellbash, shellshBrushBash.js
    ColdFusioncoldfusionshBrushColdFusion.js
    C++cpp, cshBrushCpp.js
    C#c-sharp, csharpshBrushCSharp.js
    CSScssshBrushCss.js
    Delphidelphi, pas, pascalshBrushDelphi.js
    Diffdiff, patchshBrushDiff.js
    ErlangerlangshBrushErlang.js
    GroovygroovyshBrushGroovy.js
    JavajavashBrushJava.js
    JavaFXjfx, javafxshBrushJavaFX.js
    JavaScriptjs, jscript, javascriptshBrushJScript.js
    Perlperl, plshBrushPerl.js
    PHPphpshBrushPhp.js
    Plain Textplain, textshBrushPlain.js
    PowerShellps, powershellshBrushPowerShell.js
    Pythonpy, pythonshBrushPython.js
    Rubyrails, ror, rubyshBrushRuby.js
    ScalascalashBrushScala.js
    SQLsqlshBrushSql.js
    Visual Basicvb, vbnetshBrushVb.js
    XMLhtml, xhtml, xml, xsltshBrushXml.js



コメント