MT Zen-Coding - Movable Type プラグイン

MT Zen-Coding とは

MT Zen-Coding とは、Movable Type の各種テキストエディタ(textarea)で、Zen Coding for <textarea>を利用することができるプラグインです。

また、MTタグも Zen Coding風に入力できたり、テンプレート編集エディタが全画面表示で Zen Coding できたりと、ちょっとだけ機能が追加されています。

動作環境

Movable Type 5.01、5.02、Firefox で動作確認済み

ダウンロード

以下のページより、最新版をダウンロードしてください。

インストール

ダウンロードしたファイルを解凍し、「plugins / MTZenCoding」フォルダを Movable Type の「plugins」ディレクトリに、「mt-static / plugins / MTZenCoding」を Movable Type の「mt-static / plugins」ディレクトリにそれぞれアップロードしてください。

  • plugins
    • MTZenCoding
  • mt-static
    • plugins
      • MTZenCoding

ブログメニューまたはシステムメニューの「プラグイン」を開き、プラグイン一覧の中に「MT Zen-Coding」が表示されていればインストール成功です。

使い方

プラグインの有効化

インストールすれば使えるようになりますが、プラグインの設定画面で以下の設定が可能です。デフォルトはチェックが入っています。

mt-zen-01.png

「プラグインを有効にする」にチェックを入れると、ブログ記事編集画面のエディタ(改行モード : なし)やその他の textarea で Zen Coding が利用できます。

さらに「テンプレート編集エディタに適用する」にチェックを入れると、テンプレートの編集エディタでも Zen Coding が利用できるようになります。

Movable Type のテンプレートタグも利用可能

MT Zen-Coding プラグインでは、通常の Zen Coding for <textarea> の他に、MTタグも省略用語として使うことが出来ます。

例えば、

mtents>h2.entry-title>a>mtenttit

と入力すると、

<mt:entries>
	<h2 class="entry-title"><a href=""><mt:entrytitle /></a></h2>
</mt:entries>

というコードが生成されます。ちょっと便利でしょ?

MTタグの省略ルールは、movabletype.jpテンプレートタグリファレンスのタグの書き方を基本として、「大文字で始まる単語の最初の3文字」を続けて書くようになっています。

これが基本で、Entries などの複数形は、単純にその省略した3文字に「s」を付ければOKです。

例えば、MTEntryTitleタグであれば「mtenttit」、MTCategoryLabelタグであれば「mtcatlab」となります。

複数形のMTEntriesタグであれば「mtents」、MTCategoriesタグであれば「mtcats」となります。

省略用語一覧のMTタグセレクター

このような省略形は、良く利用するタグであればすぐに慣れると思いますが、僕の設定にイレギュラーがあったりして、思ったようにタグが生成されないなんてこともあるかと思います。

そのような時のために、テンプレート編集エディタの左上に、下の図のようなタグセレクターを用意しました。

mt-zen-02.png

タグにマウスオーバーすると、ツールチップで省略形が表示されるので、そこで確認することができます。

さらに、Firefox(たぶん IE も)であれば、そのタグをクリックすれば、テキストエリアのマウスカーソルがある部分に、そのタグの省略形が挿入されます。

この機能については、今はFirefoxでしか動作確認していませんが、今後クロスブラウザ対応にアップデートしていきたいです(願望)。

テンプレート編集エディタの全画面表示

また、エディタの左上の「全画面表示」をクリックすれば、エディタ部分が全画面に広がります。

mt-zen-03.png

お試しブックマークレット

このプラグインの機能をプラグインをインストールすることなく試せるブックマークレットを用意しました。いつもお世話になっているTechnology on Information - ToITaku Amano (usualoma)さんに提案とアドバイスを頂きました。ありがとうございます!

以下のリンクをMT Zen-Coding - Hatena::Let」のブックマークレットをブックマークして、MT Zen-Coding を適用させたい MT5 の管理画面(ブログ記事編集画面とテンプレート編集画面)で、そのブックマークをポチッとすればOKです。

mt-zen-let.png

なお、こちらも Firefox でした試してないのでご了承ください。

既知の問題

タグセレクターのクリック時に、マウスカーソルのある場所に省略形を挿入する機能が、Firefox のみの限定対応となっています(たぶん IE も大丈夫かも。Safari はダメでした)。

ライセンス

個人利用・商用利用を問わず、このプラグインを無償で自由に利用することができます。プラグインの著作権は作者が所有しています。

このプラグインは無保証です。作者は、基本的に、このプラグインの利用における動作保証とサポートを行いません(ローカル環境では念入りにテストしています)。

プラグインのカスタマイズは有料になります。お問い合わせよりご相談ください。

MT Zen-Coding プラグインに関するブログ記事

  • このエントリーをはてなブックマークに追加