SyntaxHighlighterのインストールメモ

1.  DrupalのSyntaxHighlighterモジュールをインストールします。
2. SyntaxHighlighterの本体をダウンロードします。
3. http://alexgorbatchev.com/wiki/SyntaxHighlighter
4. /sites/all の下に libraries/js/syntaxhighlighter ディレクトリを作成します。
5. そこに，SyntaxHighlighterを解凍します。
6. Drupalの管理セクション > モジュール でSyntaxHighlighterを有効にします。
7. 管理セクションのSyntaxHighlighterのオプションを設定します。

あとは，preタグに class="brush: js"のように指定すれば，そこにSyntaxHighlighterが効きます。

<pre style="brush: php">
<pre style="brush: js; first-line:10

1行目のように指定すると，phpコードを指定したことになります。2行目のようにするとさらに開始行番号を指定できます。

FCKEditrorで簡単に使えるように，スタイル指定できるようにしてみます。/sites/all/modules/fckeditor/fckeditor.config.js の最後の行

FCKConfig.CustomStyles = {}

を次のようにかき変えます。 

FCKConfig.CustomStyles =
{
	'PHP Source'	: { Element : 'pre', Attributes : {'class' : 'brush: php'} },
	'JavaScript Source'	: { Element : 'pre', Attributes : {'class' : 'brush: js'} },
	'VB Source'	: { Element : 'pre', Attributes : {'class' : 'brush: vb'} },
	'Delphi Source'	: { Element : 'pre', Attributes : {'class' : 'brush: delphi'} },
	'Perl Source'	: { Element : 'pre', Attributes : {'class' : 'brush: perl'} },
	'SQL Source'	: { Element : 'pre', Attributes : {'class' : 'brush: sql'} },
	'XML Source'	: { Element : 'pre', Attributes : {'class' : 'brush: xml'} }
};

普通はスタイルツールは表示されるようになっていませんから，ツールバーに追加します。僕の場合は，DrupalFilteredをふだん使ってますので，そこに追加しました。 

['FontFormat','Style'],

ツールバーの名前は Style です。