JCEエディターの文字サイズ

開発者がたいてい欧米人のため、文字サイズは日本語にとって小さめなことが多いのです。JCEで文字サイズを変更する方法です。

当方の環境では、JCEの最新版で、日本語担っていない部分があります。そのため、日本語の項目は全バージョン使用時の記憶を頼りに書いてあります。多少の違いがあることは事前に、ご理解ください。

最初に、JCEのメニュー設定で、「テンプレートのcssを利用する」を「いいえ」にセットしてください。（実は、これで、影響があるかどうかは未調査です。多分、関係ありません。 :D ）

次に、グループ設定で、当てはまるグループのパラメーターで、使用するスキンをデフォルトに設定してください。

続いて、あなたのJoomla!インストールディレクトリー下のplugins/editors/jce/tiny_mce/themes/advanced/skins/defaultにある、ui.cssを変更します。

最初に定義されているcssの一行でfont-sizeを指定してください。

.defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText {font-size: 16px; border:0; margin:0; padding:0; background:transparent; white-space:nowrap; text-decoration:none; font-weight:normal; cursor:default; color:#000; vertical-align:baseline; width:auto; border-collapse:separate; text-align:left}


上記の場合、フォントサイズ(font-size）に16pxを設定しています。ここをお好みに設定してください。

デフォルトのスキンの場合はskins/default/ui.cssでしたが、別のスキンを利用する場合、skin/設定スキン/ui.cssを変更すれば、たぶん、設定できるでしょう。（未実証です。）

追加情報：

ui.cssはフロントサイドで適用されます。管理者サイドでは、content.cssの値が適用されます。ですから、通常は両方共に変更かける必要がありますね。