Tobiume Paragliding Report

Tweet

Share on Tumblr

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

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

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

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

1)JCEの設定に入る

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

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

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

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

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

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