TinyMCE Advance のスタイル設定

TinyMCEは便利なんですが、下記のスタイル・ドロップダウンリストボックスに追加でCSSクラスを追加できると、もっと便利になるはず。

m20100811-1

マニュアルでは、wp-content/plugins/tinymce-advanced/css の「tadv-mce.css」にクラスを追加すると、スタイル・ドロップダウンに、指定したクラスが出てくると書かれてます。

しかし、FireFox系ではOKですが、IE系では出たり出なかったり・・・・。

このドロップダウンに表示されているのは、TinyMCEのテーマCSSにあるクラス「.~~」だけのようで、「div.~~」のように指定したクラスや「p」など普通のタグは設定されない。

とりあえず、TinyMCEのテーマCSS に手を入れる。 ↓
wp-includes/js/tinymce/themes/advanced/skins/wp_theme の「content.css」を修正する。
これで、IEもキチント表示され、スタイル・ドロップダウンに表示される順番も変えられる。

m20100811-2
「alignclear」 を追加してみた。

以上です。

1件のコメント

コメントを残す

役立つ
面白い

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください