Home > 梅原 > SyntaxHighlighterを使ったコードの貼り付け方

SyntaxHighlighterを使ったコードの貼り付け方

20100804
Category:梅原 /Tags:

WordPressにソースコードを貼り付けるには、デフォルトの機能で<code></code>タグで囲んでもいいが、色付けや行数表示機能などが無いので、プラグインを使うと良い。このblogで使っているのは、SyntaxHighlighterだ。

▼こんな風に書くと

[sourcecode language="as3"]
var sp:Sprite = new Sprite();
sp.graphics.beginFill(0xFF0000, 0.5);
sp.graphics.drawRoundRect(0, 0, 100, 100, 8, 8);
sp.graphics.endFill();
[/sourcecode]

▼こんなふうに表示してくれる

var sp:Sprite = new Sprite();
sp.graphics.beginFill(0xFF0000, 0.5);
sp.graphics.drawRoundRect(0, 0, 100, 100, 8, 8);
sp.graphics.endFill();

「language=”as3″」ってのはもちろん、AS3.0のことだ。
ここを
「language=”js”」と書けばJavaScriptとして色付けをしてくれる。
他にも、PHP,CSS,XML,HTMLにも対応している。
AS1.0/2.0は専用のカラーリングは用意されていないようだが、as3と指定しておいて問題はない。
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

関連記事:

  1. No comments yet.
Comments are closed.