db.SyntaxHighlighter

電脳備忘録

db.SyntaxHighlighterを設定してみました。

GoogleCodeから SyntaxHighlighter_1.5.1.rar をダウンロード。
rarを解凍できなかったので  unrar をyumでインストール

yum -y install unrar

先にダウンロードしたSyntaxHighlighter_1.5.1.rarを解凍し、フォルダを任意の場所へ移動

MovableTypeの管理画面から
「デザイン」→「テンプレート」→「HTMLヘッダー」と選択し下記のコードを記述。

<link rel="stylesheet" href="<$MTBlogURL$>dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" type="text/css" />

メインページのbody終了タグの直前に下記のコードを記述

<script type="text/javascript" src="<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/shCore.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/shBrushXml.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/shBrushCss.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/shBrushJScript.js"></script>
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = '<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>
</body>

<textarea name="code" class="xhtml"></textarea>で囲えばソースが表示される。
classは下記の通り

C++ cpp, c, c++
C# c#, c-sharp, csharp
CSS css
Delphi delphi, pascal
Java java
Java Script js, jscript, javascript
PHP php
Python py, python
Ruby rb, ruby, rails, ror
Sql sql
VB vb, vb.net
XML/HTML xml, html, xhtml, xslt

これで、より備忘録として使えそうです。

Newer
Older
Dark
Light
menu