このブログでは、htmlやphpのコードを書きとめておきたいので、MTでコードをきれいに表示でき、簡単に入力できるプラグインがないか探しました。
function get_data($aa, $bb, $cc, $_REQUEST)
{
$cnt = '';
$search_name = $_REQUEST[id];
$ary_list = array();
$db = mysql_connect(DBHOST, DBUSER, DBPASS);
:
:
結構前からあったんですね。（＾＾；） dp.syntaxHighlighter (使用したバージョンは1.5.1です）
MovableType備忘録さんから見つけました。このブログはMTのプラグインやカスタマイズのことがいろいろ書いてあるので、小粋空間さんとともに結構参考にしています。
（勝手にリンク張ってます。問題ありましたら、ご連絡ください。m(_ _)m）
ということで、複雑なカスタマイズはMovableType備忘録さんをご覧いただくとして、簡単に設定手順を書いておきます。
SyntaxHighlighterの設定手順
- まず、dp.syntaxHighlighterからファイルをダウンロードしてきます。ちなみにrarファイルなので、解凍ツール持ってない人は、WinRARとかをダウンロードしてください。
- ダウンロードしたファイルを適当なフォルダに展開します。
- サーバ上にdp.SyntaxHighlighterというディレクトリを作成し、[Scripts]フォルダと[Styles]フォルダをアップロードします。
- MT4であれば、テンプレートのHTMLヘッダー（<head)>～(</head>)の間に使用し言語に対応するJavaScriptを以下のように追加します。
↓これがSyntaxHighlighterで表示した感じ↓
<link rel="stylesheet" href="<$MTBlogURL$>dp.SyntaxHighlighter/Style/SyntaxHighlighter.css" type="text/css" /> <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 type="text/javascript" src="<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/webscript.js"></script>
- webscript.jsは自分で以下のように作成する。
window.onload = function() { dp.SyntaxHighlighter.ClipboardSwf = '<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/clipboard.swf'; dp.SyntaxHighlighter.HighlightAll('code'); }
これ、なんではじめから入ってないんだろう？？ - で、あとはエントリーする際に、以下のように<textarea>タグのname属性に 'code'として、class名に表示するコードの名称を指定すればOKです。
<textarea name="code" class="xhtml"> ： ： ： </textarea>
色のカスタマイズは、SyntaxHighlighter.cssをカスタマイズすればできます。
対応するコードのクラス名称
| C++ | cpp, c, c++ |
| C# | c#, c-sharp, csharp |
| CSS | css |
| Delphi | delphi, pascal |
| Java | java |
| Java Script | js, jscript, javascript |
| PHP | php |
| Pyton | py, python |
| Ruby | rb, ruby, ralls, ror |
| Sql | sql |
| VB | vb, vb.net |
| XML/HTML | xml, html, xhtml, xslt |
MT4.24でSyntaxHighlighter1.5.1でなぜかIEでの二重表示。
解決できなかったので、SyntaxHighlighter2.0を導入してみました。
コメントする