FCKeditorでWYSIWYG化
By Jbit on
クライアントからの要望があり、新着情報の入力フォームをWYSIWYG化をすることになりました。
エディタには、FCKeditor を選択し、比較的容易に導入することはできましたが、ファイルのアップロードで少し問題が発生しましたので、覚書を残しておくことにしました。
ドキュメントをあまり読まずに導入しましたので、使い方が間違っているかもしれません。これから導入する方は、残念ながらこのページはあまり参考にしないでください。
対象バージョンは 2.6.3
サイトから FCKeditor をダウンロード。
デフォルテで対象言語が PHP に設定されていましたので、
/fckeditor/editor/filemanager/connectors/php/config.php の設定値を環境に合わせます。
$Config['Enabled'] = true ; $Config['UserFilesPath'] = '/ctrl/' ;「Enabled」は、ファイルのアップロードを可能にします。
「UserFilesPath」は、ドキュメントルートからの FCKeditor のパスです。
その後、 FCKeditor 一式をアップロードしてみます。
画像などファイルのアップロード先は、FCKeditor のルートパス以下の image フォルダが対象となっていましたので、書き込み可能状態にパーミッションを変更。
次にテンプレートを作ってみます。既存の fcktemplates.xml を現在の内容を参考に編集します。
新規作成したテンプレートの参照用画像ファイル作成し、
/fckeditor/editor/dialog/fck_template/images/ に保存します。
とりあえず以下のPHPを含むフォームを動かしてみます。
$oFCKeditor = new FCKeditor('FCKeditor1'); $oFCKeditor->BasePath = '/ctrl/fckeditor/'; $oFCKeditor->Width = '100%'; $oFCKeditor->Height = '450'; $oFCKeditor->Value = $parts['body']; $oFCKeditor->ToolbarSet = 'Default'; $oFCKeditor->Create() ;何となく動いています。
ただ、ファイルアップロードの際、ポップアップのタブメニューからのアップロードは、該当フォルダをうまく参照してくれません。フォルダの参照からは正常にアプロードできます。
最初に設定した箇所以外にも設定が必要なようです。それともバグでしょうか?