このエントリーをはてなブックマークに追加
はてなブックマーク - TinyMCE Advance のスタイル設定
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
TinyMCE Advance のスタイル設定GettingOUT

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」 を追加してみた。

以上です。