CodeColorer使用例
このブログでも使っている、WordPressのプラグインの「CodeColorer」ですが、使用例についてまとめてみました。
他にも設定ができますが、効果が確認できなかったものについては割愛しています。
言語は私がよく使うものを使い、特にJavaScriptを中心に例を挙げています。
基本
cc
function test(a) {
var b = 0;
for (var i = 1; i <= a; i++) {
b + = i;
}
return b;
}
var b = 0;
for (var i = 1; i <= a; i++) {
b + = i;
}
return b;
}
cc lang="text"
function test(a) {
var b = 0;
for (var i = 1; i <= a; i++) {
b + = i;
}
return b;
}
var b = 0;
for (var i = 1; i <= a; i++) {
b + = i;
}
return b;
}
パラメータを指定しない場合と同じです。
cc lang="php"
function test($a) {
$b = 0;
for ($i = 1; $i <= $a; $i++) {
$b + = i;
}
return $b;
}
$b = 0;
for ($i = 1; $i <= $a; $i++) {
$b + = i;
}
return $b;
}
cc lang="vb"
Function test(a)
b = 0
For i = 1 To a
b = b + i
Next i
test = b
End Function
b = 0
For i = 1 To a
b = b + i
Next i
test = b
End Function
「VBA」はありません。
cc lang="javascript"
function test(a) {
var b = 0;
for (var i = 1; i <= a; i++) {
b + = i;
}
return b;
}
var b = 0;
for (var i = 1; i <= a; i++) {
b + = i;
}
return b;
}
サイズなど
cc lang="javascript" tab_size="2"
function test(a) {
return a;
}
return a;
}
タブに置き換わるスペースの数です。
cc lang="javascript" line_numbers="true"
1 2 3 | function test(a) { return a; } |
行番号を表示します。
cc lang="javascript" width="40"
function test() {
return document.getElementById("a").innerHTML + document.getElementById("b").innerHTML + document.getElementById("c").innerHTML;
}
return document.getElementById("a").innerHTML + document.getElementById("b").innerHTML + document.getElementById("c").innerHTML;
}
表示幅です。
cc lang="javascript" theme="blackboard"
function test(a) {
return a;
}
return a;
}
黒板風になります。
cc lang="javascript" theme="mac-classic"
function test(a) {
return a;
}
return a;
}
古いMac風。
cc lang="javascript" noborder="true"
function test(a) {
return a;
}
return a;
}
枠が消えます。
cc lang="javascript" lines="40"
function test(a) {
return a;
}
return a;
}
行数です。指定した行数まではスクロールバーが表示されません。
※詳細はWordPress › CodeColorer « WordPress Pluginsに書かれています。
[ 2011年3月5日 | カテゴリー: WordPress | タグ: CodeColorer , プラグイン ]
« BMIとは何か | jQueryのnextUntilを使う »
コメントを残す