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 です。 

トラックバック


URL から "-MoIyadayo" を削除してトラックバックを送信してください。
トラックバックは承認後に表示されます。