独自のCSSを編集画面のリッチテキストエディタで使えるMovableTypeプラグイン:RealText

ぴろり上西 2008年11月05日

　MovableType 4 から記事の編集画面でリッチテキストエディタを利用できるようになりました。大きな文字は大きく、赤い文字は赤く、実際の出力画面に近い状態で記事を編集出来るようになったのです。しかし、往々にしてサイトでは独自のCSSを読み込んでスタイルを定義しているのが一般的ですが、H1 タグに独自の装飾が施されていたところで、編集画面のリッチテキストエディタに H1 タグを書いても、その装飾は反映されることはありません。
　そこで、リッチテキストエディタで、外部で定義した独自のCSSを読み込ませるためのプラグインを書いてみました。

インストール方法

　ダウンロードしたプラグインを解凍して、MovableType のプラグインフォルダにコピーしてください。その後、ブログ毎にプラグインの設定を行います。
　ブログ毎のプラグインの設定画面では、そのブログの記事を書く際に、リッチテキストエディタで使用するCSSを設定することができます。インストールした直後では何の変化もありませんので、忘れずに設定してください。

ダウンロード

RealText.0.98.zip のダウンロード

プラグインの注意点

• 本プラグインをご利用される方は必ず「プラグインご利用の際の注意事項」をお読みください。

投稿者 ぴろり上西 : 11/05 | コメント (4) | トラックバック (0)

コメント(4)

nasty | 2009年1月 7日 10:18 | 返信

4.23に導入して設定したのですが、ブログ記事が真っ白になり「続き」もクリックできない状態になりました…。

kt | 2009年7月21日 15:08 | 返信

私は4.1でも真っ白になりました。
画面上のjavascriptが効いてない（？）感じになってます。

ぴろり上西 | 2009年9月 1日 16:04 | 返信

(MTのインストールパス)/plugins/RealText/html に Apache の書き込み権限があることを確認してください。プラグインが一時ファイルを書き出します。

soh | 2009年11月10日 11:47 | 返信

4.23に導入しているのですが、WYSIWYGモード→HTMLモードに切り替えると<a href="#foo">のように#で始まるリンク部分に
(MTのインストールパス)/plugins/RealText/html/editor-content-4.html?cs=UTF-8#
が挿入されてしまいます。
これは修正できないでしょうか？

コメントする

この記事にご意見やメッセージがございましたらコメントをお願いいたします。

• ※ コメントは承認後に公開されます。内容によってはご返信致しかねる場合がございます。

名前
電子メール
URL
ログイン情報を記憶

コメント

MTエンジニアブログ

• プラグインディレクトリ
• Movable Type 5
• Movable Typeプラグイン
• Movable Type技術情報
• Perl
• RedMine
• ブログからのお知らせ