HOTSYSTEMS – BLOG -

ここ数日、クライアント様のサイトでMODxを使って構築を依頼されているのでMODｘと格闘しております。さてさて前回も書いたFckEditorの設定。
FckEditorは視覚的にデザインをいじれるのだけれども、普通サイト作っていくとき外枠をテンプレートとして中身をごちゃごちゃいじっていくものだと思う。それでFckEditorで中身に画像とかCSSを使ったりする時に当然CSSとかBaseのURLとかを読み込んでないのでCSSの内容がエディタに反映されない。なーと思っていたのだが、ファイルを眺めていたらfckconfig.jsにちゃんと設定するところがあった。

FCKConfig.BaseHref = ‘http://www.hogehoge.com’ ; // これで画像とかのパスがきちんと合って表示された

FCKConfig.EditorAreaCSS = FCKConfig.BasePath + ‘css/fck_editorarea.css’ ;
　　　↓
FCKConfig.EditorAreaCSS = ‘http://www.hogehoge.com/style.css’ ; // 自分のCSSへのパス

これできちんとCSSが反映されると思いきやどうも上手く動きません。style.cssを読み込んでくれていない模様。。。設定するところ違うのかな？まーあまり時間もなくソース追っかけている場合ではないので力ずくで読み込ましてしまった。

fckeditor.functions.phpの97行目あたり

$editor_css_path = !empty($editor_css_path) ? $editor_css_path : $base_url.”assets/plugins/”.$pluginfolder.”/editor/css/fck_editorarea.css”;
　↓
$editor_css_path = “http://www.hogehoge.com/style.css”;

これでちゃんとエディターの中でCSSを反映する事ができた。ってことはやっぱりバグなのか？まーとりあえずは読み込めたし今度時間があるときにでもソースを追っかけてみよう。