木曜, 5月 24, 2018

JCE Editor で自動中央寄せを回避

Joomla!のエディターには標準ではTinyMCEとなっているが、より高機能なエディターとして有名なJCE Editorを使っている.

ところが困ったことに、WYSIWYGに切り替えて表示させると、入力テキストや図形が全て「中央寄り」で表示されてしまい、これを長いこと解決できずにいた。

2011-03-21_210533

JCEの設定ではこれを「左寄せ」に変更できないため、直接CSSを触って、textalign:leftを加えてみるが反映されず、中央寄せでの表示のまま変わらない。

しかしようやく解決方法がわかったので備忘録として書き留めておく。

1)JCEの設定に入る

2011-03-21_210650

2)テンプレートCSSを使用するを「いいえ」に変更。

2011-03-21_210714

3)カスタムCSSファイルでtextalign:leftを指定する

なお、JCEには予めdefaultの設定があり、これに手を入れて指定しても良い。

plugins>editors>jce>tinymce>themes>advanced>skins>default>content.css

4)これで左寄せで表示できるようになった。

thumb_2011-03-21_210756

この記事をソーシャルネットワークにシェア またはEverNoteにクリップできます

Submit to FacebookSubmit to TwitterSubmit to LinkedInこのエントリーをはてなブックマークに追加 Clip to Evernote
Share
先頭へ戻る