特徴と使い方

• スタイルシートやテンプレートをカスタマイズしている場合でも、実際の見た目でプレビューできます
• MovableType のテキストエリアに入力したその瞬間にプレビューできます
• 従来のように"確認"ボタンを押す必要がありません
• プレビューの度にサーバに問い合わせないのでサクサク快適です

1. "Realtime Preview"ボタンを押します
2. 新しくプレビュー用ウィンドゥが開きます
3. 気にせず MovableType で記事を編集します
4. プレビュー用ウィンドゥに変化が…!!

• とりあえず試してみる

動作環境

• MovableType 3.2ja2 以上、あるいは MovableType 3.16 以上
• BigPAPI 1.04 以上が正しく導入されていること
• perl 5.8 以上を推奨(perl 5.0x は未検証)

導入方法

1. メニューから BigPAPI プラグイン がインストール済みであることを確認します
2. パッケージに含まれるファイルを MovableType の plugins にコピーします
3. メニューから Realtime Preview プラグインが追加されていることを確認します
4. エントリの編集画面の "確認" ボタンの隣に "Realtime Preview" ボタンが追加されます
5. 個別アーカイブテンプレートを修正します(次章を参照ください)
6. 導入完了

ブログに公開されている記事が一つも無い場合、プラグインは動作しません。

個別アーカイブの修正

　残念ながらプラグインファイルをコピーしただけでは使えません。 お手数ですが個別アーカイブのテンプレートについても忘れずに修正をお願いいたします。

書換え前	書換え後
<$MTEntryTitle$>	<MTRealtimePreview field="title"><$MTEntryTitle$></MTRealtimePreview>
<$MTEntryBody$>	<MTRealtimePreview field="text"><$MTEntryBody$></MTRealtimePreview>
<$MTEntryMore$>	<MTRealtimePreview field="text_more"><$MTEntryMore$></MTRealtimePreview>
<$MTEntryKeywords$>	<MTRealtimePreview field="text"><$MTEntryKeywords$></MTRealtimePreview>
<$MTEntryExcerpt$>	<MTRealtimePreview field="excerpt"><$MTEntryExcerpt$></MTRealtimePreview>

　その後、個別アーカイブ(エントリアーカイブ)全部を再構築しておきます。

テンプレートタグの詳細

MTRealtimePreviewID タグ

MovableType の編集画面で入力された内容が、リアルタイムに反映される領域のためのユニークな ID 文字列を返します。 後述の MTRealtimePreview コンテナタグを使う方が簡単な場合があります。 field 属性が必須です。

<div id="<$MTRealtimePreviewID field="title"$>"><$MTEntryTitle$></div>

MTRealtimePreview コンテナタグ

MovableType の編集画面で入力された内容が、リアルタイムに反映される領域を指定します。 具体的には、このタグに含まれる領域が <span id="..."> と </span> で括られるだけです。 この span 領域は見た目に影響を与えません。 field 属性が必須です。

<MTRealtimePreview field="title"><$MTEntryTitle$></MTRealtimePreview>

MTRealtimePreview、MTRealtimePreviewID は何度でも使えます。

MTRealtimePreview をネストすることはできません。

MTRealtimePreview はプレビューのための エレメントを生成しますが、 これが問題になる場合は MTRealtimePreviewID で個別に回避してください。

ダウンロード

Realtime Preview 　 e983605f25caa819cfcdedc3c55162b1 ver.1.20, '06/06/14, 4765 bytes, MovableType 3.2ja2 + BigPAPI, MovableType の"改行を変換する"の仕様に準拠

最新版のダウンロードやバグレポートはRealtimePreview の trac レポジトリでも行っています。

注意事項

• ブラウザのポップアップブロック機能により、プレビューウィンドゥが開かない場合があります
  →ポップアップブロック機能をオフにしてください
• JavaScriptが有効になっていない場合、プレビュー機能が使用できません

トラブルシューティング

"Realtime Preview"ボタンがありません

• 別途、BigPAPI プラグイン が正常にインストールされているか確認してください
• 他サイトで紹介されているカスタマイズ(特に *.tmpl を書き換えるもの)が併用されていないか確認してください
• ブログで公開されている記事が 1 つ以上あるか確認してください

タイプした内容がプレビューウィンドゥに反映されません

• 個別アーカイブテンプレートが正しく修正されているか確認してください
• 個別アーカイブがその後、再構築されているか確認してください
• MovableType 管理画面(mt.cgi)と個別アーカイブページが同じドメイン(http://www.example.com/の部分)にあるか確認してください

タイプした部分が全部見えなくなりました

• HTML タグを入力している最中など、タグが閉じられない状態が一時的に発生するためです

使用許諾条件

　このソフトウェアパッケージの内容については完全に無保証です。 このソフトウェアパッケージの配布や改変に関する条件は、 GPL ライセンス(GNU General Public License; GNU 一般公衆利用許諾契約書 原文(英語)) に準じるものとし、これに従う限り自由にすることができます。

　商用利用をお考えの企業様向けに、別途、 商用ライセンスをご案内させて頂いております。