blog.taaas.jp

Movable Type で、編集画面とプレビュー画面を同期する FastestPreview というプラグインを公開しました。

FastestPreview

できること

• 編集画面で変更した内容を、リアルタイムでプレビュー画面に反映させることができます。
• mt-config.cgi の設定を調整する必要がありますが、基本的にはインストールするだけで利用できます。
• 独自のテンプレートを使っている場合でも同期できます。
• 管理画面のドメインとブログのドメインが異なっていても同期できます。
  • このケースでは、CGIPath や StaticWebPathに絶対パスを指定する必要があります。

デモ

http://screencast.com/t/uBUjtBtS

インストール

1. GitHubからzipファイルをダウンロードしてください。リリース一覧
   
2. ダウンロードしたファイルを展開してください。
3. pluginsディレクトリとmt-static/pluginsディレクトリにアップロードしてください。

   インストール後のディレクトリの配置は以下のようになります。

   $MT_HOME/
       plugins/
           FastestPreview/
       mt-static/
           plugins/
               FastestPreview/
   

4. mt-config.cgi の設定を変更してください。
   1. "CGIPath" (もしくは "AdminCGIPath") と "StaticWebPath" が、http からはじまる絶対URLで指定さていることを確認してください。(/ からはじまる相対パスの場合は、ブログのドメインが異なる場合に正しく動作しません)
   2. PreviewInNewWindow に 1 を設定してください。(PreviewInNewWindow のドキュメント)

サポートしているタグ

以下のタグが埋め込まれている部分が同期されます。(モディファイアが付いていないタグのみが同期されます)

• mt:EntryTitle
• mt:EntryBody
  • Markdown と Textile も部分的にサポートされています
• mt:EntryMore
• mt:EntryExcerpt
  • 「本文」から自動生成はされません
• mt:EntryKeywords
• mt:PageTitle
• mt:PageBody
• mt:PageMore
• mt:PageExcerpt
• mt:PageKeywords
• カスタムフィールドで生成されたタグ
  • テキスト
  • テキスト(複数行)

サポートしている出力タイプ

• スタティックパブリッシング
• ダイナミックパブリッシング

動作環境

• MT6

外部ライブラリ

このプラグインにはフォーマットの変換を行うために以下の外部ライブラリが含まれています。

• https://github.com/evilstreak/markdown-js
• https://github.com/borgar/textile-js