カテゴリー: web

syntaxhighlighter

syntaxhighlighter
http://wordpress.org/extend/plugins/syntaxhighlighter/
[sourcecode language=”html”]
<html>
<head></head>
<body></body>
</html>
[/sourcecode]

SyntaxHighlighter Settings

Display line numbers.
行番号を表示してください。

Display the toolbar.
ツールバーを表示してください。

Automatically make URLs clickable.
自動的にURLをクリック可能にしてください。

Collapse code boxes.
コード箱を潰してください。

Show a ruler column along the top of the code box.
コード箱の上部に沿って定規コラムを示してください。

Use the light display mode, best for single lines of code.
コードの単線に軽い表示モード、ベストを使用してください。

Use smart tabs allowing tabs being used for alignment.
整列に使用されるタブを許容する賢いタブを使用してください。

Wrap long lines, using an icon to show where line.
長い系列を包装してください、そして、どこかを示しているのにアイコンを使用して、立ち並んでください。

wraps occur (disabling this will make a scrollbar show instead)
機密は起こります(これを無効にするのはスクロールバーを代わりに目立たせるでしょう)。

Additional CSS Class(es) / 追加CSS Class
に適当なclass名をつっこんだんだけど
pre class=”brush: xml;みたいな箇所に追加されてない、どうやって使うんだろう。

仕方ないので大本のcssを編集する
wp-content\plugins\syntaxhighlighter\syntaxhighlighter\styles内に
Color Theme毎のcssが入ってた。

  • shCore.css
  • shThemeDefault.css

のバックアップをとって編集する。
続きを読む