pandoraboxs : preタグ内の文字列表示 行間幅変更 - livedoor Blog(ブログ)
ブログ内にJS配置しなきゃいけないかと思ったけれど、
外部参照できるところがあったので、取り込んでみました。
Syntax Highlighter Scripts Generator
下記のように記述します。
HTMLは下記のよう
class内のbrushの言語表記は下記
Bundled Brushes
参考)
ソースコードをきれいにハイライト表示する『SyntaxHighlighter』
ソースコードをきれいに表示してくれるSyntaxHighlighterをBloggerにウィジェットで導入!
ブログ内にJS配置しなきゃいけないかと思ったけれど、
外部参照できるところがあったので、取り込んでみました。
Syntax Highlighter Scripts Generator
下記のように記述します。
HTMLは下記のよう
cssは下記のようHello World
pre { line-height: 100%; }C#は下記のよう
// A Hello World! program in C#. using System; namespace HelloWorld { class Hello { static void Main() { Console.WriteLine("Hello World!"); // Keep the console window open in debug mode. Console.WriteLine("Press any key to exit."); Console.ReadKey(); } } }
class内のbrushの言語表記は下記
Bundled Brushes
Brush name | Brush aliases | File name |
---|---|---|
ActionScript3 | as3, actionscript3 | shBrushAS3.js |
Bash/shell | bash, shell | shBrushBash.js |
ColdFusion | cf, coldfusion | shBrushColdFusion.js |
C# | c-sharp, csharp | shBrushCSharp.js |
C++ | cpp, c | shBrushCpp.js |
CSS | css | shBrushCss.js |
Delphi | delphi, pas, pascal | shBrushDelphi.js |
Diff | diff, patch | shBrushDiff.js |
Erlang | erl, erlang | shBrushErlang.js |
Groovy | groovy | shBrushGroovy.js |
JavaScript | js, jscript, javascript | shBrushJScript.js |
Java | java | shBrushJava.js |
JavaFX | jfx, javafx | shBrushJavaFX.js |
Perl | perl, pl | shBrushPerl.js |
PHP | php | shBrushPhp.js |
Plain Text | plain, text | shBrushPlain.js |
PowerShell | ps, powershell | shBrushPowerShell.js |
Python | py, python | shBrushPython.js |
Ruby | rails, ror, ruby | shBrushRuby.js |
Scala | scala | shBrushScala.js |
SQL | sql | shBrushSql.js |
Visual Basic | vb, vbnet | shBrushVb.js |
XML | xml, xhtml, xslt, html, xhtml | shBrushXml.js |
参考)
ソースコードをきれいにハイライト表示する『SyntaxHighlighter』
ソースコードをきれいに表示してくれるSyntaxHighlighterをBloggerにウィジェットで導入!