Movable Type TinyMCEプラグインの編集エリアのスタイルシート(CSS)

Software Perl HTML

Movable TypeでTinyMCEを使用可能にするプラグインTinyMCEで、編集領域のスタイルを変更する方法。
[システム]->[プラグイン]->[TinyMCE]の設定にて、[編集領域に関する設定]で変更可能。
じかに記入もできるが、[URLを指定する]で指定してみた。

firebugで編集画面を見てみると、iframe内にて <body id="tinymce"> 内部に表示されているようなので、#tinymce内のスタイルを最低限設定したほうがよさそう。

body#tinymce,h1,h2,h3,h4,h5,h6 { margin: 0 padding: 0; }
#tinymce h1 { .... }
#tinymce h2 { .... }
#tinymce p { .... }

これらは表示用のスタイルから該当部分を抜粋すれば同じ見た目となる。