plone - diazo をオンにした編集モードの TinyMCE の異なるスタイル

Question

plone4用のDiazoでテーマを作成しています。編集モードの TinyMCE がサイトのスタイルを尊重していないことに気付きました。基本的なフォントとヘッダー スタイル (h1、h2 など) では、より「生」のように見えます。

どうしたの？

ありがとう

Answer 1

TinyMCE は、編集するコンテンツを iframe に設定し、@@tinymce-getstyle というスタイルシートを読み込みます。これは実際には、portal_css に登録されているスタイルシートを含むブラウザー ビューです。

私は、スタイルシートを Plone スタイルシート レジストリ (portal_css) に登録し、Diazo ルールを追加してそれらをテーマの head にコピーしたときに、Diazo で最も成功しました。

不利益：

• Plone 経由で実行する以外に、テーマを単独で編集することはできなくなりました。

利点:

• スタイルシートは自動的にマージおよび圧縮されます。
• TinyMCE はスタイルをロードできます。