Syndication
Search


クリエイティブ・コモンズ・ライセンス

Movable Type 2.661
Amazon Search

エントリーのWYSIWYGプレビュー

MT標準の[確認]って、ほんとに簡易的なプレビューという感じで、ちゃんと自分のスタイルシートが反映された画面を確認する事が出来ず、ストレスたまっていたんですよね。

このプラグインを導入すれば、自分のスタイルシートが反映されたプレビューを確認することが出来るようになり、とっても便利です。

- 10 Goto 10: MT-Preview: WYSIWYG Preview Mode for Movable Type -
This Movable Type plugin implements a true WYSIWYG preview mode for the editor. It is compatible with the default editor and has been tested successfully with Textile.
導入方法が英語で書かれていますが、そんなに難しくないので簡単だと思います。

不安な方は、Caramel* vanillaさんで、詳しく丁寧に日本語で導入記がありますので、参考にしてください。

さて、このMT-Previewそのままだと日本語が文字化けしてしまうので、Preview.pmを下のように赤字の行を追加して、charsetを送信させるようにしました。Perlは本職じゃないので、自信ありませんが、結果オーライです (^_^;)

sub init {
    my $app = shift;
    $app->SUPER::init(@_) or return;
    $app->add_methods('wysiwyg_preview' => \&preview);
    $app->{default_mode}   = 'wysiwyg_preview';
    $app->{template_dir}   = 'cms';
    $app->{requires_login} = 1;
    $app->{user_class}     = 'MT::Author';
    $app->{charset}        = $app->{cfg}->PublishCharset;
    $app;
}
このプラグインは保存された文面を元にするようなので、[WYSIWYG]ボタンを押す前に一度[保存]ボタンで文面を保存して、それからプレビュー画面を見るように注意が必要そうです。

Trackback
このエントリにTrackBackするには、以下のURLにTrackBack pingを送ってください。
※:スパム対策しています。予想外のエラーが発生した場合は、コメント欄でご報告いただけると嬉しいです。

Trackback URL is >>
[c] Draftエントリーを実際のエントリと同じようにプレビューする
やたらと長いタイトルになってしまいましたが、要するにそういうことです(爆) caramerl*vanillaさんのエントリーで見つけて導入していました。 これがもんのすごく便利なのですよっ! そのまま入れると文字化けするのでcoo MEMOさんのエントリーで解決。 あと、デフォルト...
Posted by cocoons.org* at 01.23(Sun) AM09:17
MT投稿画面見直し(編集ボタン+プレビュー)
MTの編集画面はほとんどいじっていなくてシンプルな状態なのでこれを機会にいろんな便利な編集ボタンを追加しました。 それからエントリーのプレビュー機能の強化も再度追加しました。
Posted by caramel*vanilla at 01.23(Sun) PM06:14
エントリープレビューのためのプラグイン
エントリーを完全にプレビューできます。イラつくことが多かったので感動もの!でした...
Posted by LASTNOTE Weblog (beta) at 01.24(Mon) PM09:07
エントリプレビュー
おもしろくかつ便利そうなプラグインを発見!! [c*]:エントリーのプレビュー ...
Posted by Sein die faule at 02.04(Fri) AM12:03
マイナーチェンジ
最近やけに頑張って更新していますが、いつまで続くか。それよりやることあるんですが...
Posted by Colors Blog at 02.12(Sat) PM10:31
エントリの確認を実際の画面での巻
エントリ画面の中段に、確認・保存ボタンを追加したく、あれこれと探していると、「[c*] : エントリーのプレビュー」 というエントリを発見。 エントリ画面の確認・保存ボタン位置はとりあえず、一件落着したので、「[c*] : エントリーのプレビュー」 をを読ん...
Posted by LeapK.com at 02.28(Mon) PM05:07
エントリーのプレビューでスタイルシートを適用する
 内輪ネタで申し訳ないのですが、MTのエントリーの投稿画面で、「確認」というボタンを押すと入力した内...
Posted by Life::Scene at 03.28(Mon) PM04:48
投稿前の寸止め確認用プラグイン
投稿前の寸止め確認用プラグイン「WYSIWYG Preview Mode for Movable Type」導入手順 Movable Typeバージョン3.151-ja編
Posted by Movable Type at 04.03(Sun) PM12:26
エントリーの正確なプレビュー
Movable Type でエントリー編集画面にある『確認』という機能がありますが、これってあまり使えないですよね? 誤字脱字のチェックには使えるかもしれません...
Posted by Luna's*PaPa at 04.12(Tue) PM02:33
投稿前の反映されたエントリープレビュー
MovableTypeの新規エントリーで、 「確認」というのがありますが、はっき...
Posted by Project MultiBurst at 04.29(Fri) PM09:16
エントリーのプレビューをより正確に表示。
えっと、The blog of H.Fujimoto さんのナイスなプ...
Posted by 我楽 at 06.23(Thu) AM12:12
保存したエントリをWYSIWYGモードでプレビュー
色々することがあるというのに、今日もプラプラとネットの散歩。 でもって、Chit...
Posted by Bamkero.net at 07.09(Sat) PM11:57
preview.plの文字化け解決!
公開直前のエントリーを、CSSを含めた完全公開状態でプレビューするプラグインは毎回お世話になっている必須プラグインだが、たった1つだけ問題点があった。 文字化けだ。 このせいで、プレビューするたびにブラウザのテキストエンコーディングを再指定しなければならない...
Posted by Shilly Shally BLOG at 08.22(Mon) AM10:49
Comments
Post a comment
このエントリに対してコメントを追加するには、以下フォームに記入して [追加]ボタンを押下してください。
  • 必須な項目は"コメント"のみです
  • 名前等は匿名でかまいません
  • E-Mail/URLを記入した場合は公開されます
  • HTMLタグは使用できません(実体参照に変換されます)
  • コメント内のURLは自動的にリンクが張られます
  • スパム対策のため、ひらがなの含まないコメントを書くことは出来ません
  • HTTP Cookieを利用して、名前やE-Mail/URLの情報を記録させることが出来ます
名前/E-Mail/URLを記録しますか?