WYSIWYGエディタ選考会にて、CKEditorを評価してみました。ソーシャルサービスなどのWebテック系情報と、ガジェットやドローン、日々のアレコレを綴るブログ。POSTsAWSで強固なWordPressを実行する環境を作って、その手順をドキュメント化したら連載できるレベルのものになってしまった。気がつけば、フリーランスになって10年経ちました......。年別アーカイブを年度別(4月はじまり)にカスタマイズする方法。Formの管理者宛メールにREMOTE_ADDRとUSER_AGENTを追加する方法。(1)WYSIWYGエディタ選考会にて、CKEditorを評価してみました。(仰々しいタイトルですが、ただお試しで使ってみただけです。すみません)クライアント様から「WYSIWYGエディター入れてくれや。画像もアップロードできるやつね。ヨロ!」てなオーダーが来たのでさっそく調査。「WYSIWYGってなによ!」って人はこちら。数年前にWeb制作会社所属のときにもよく使ってたTinyMCEを入れてみたけど、日本語化のプロジェクトが中途半端で、かつ、プラグインで対応できてた画像アップロードや管理機能が有料になっとるんで却下。日本語インターフェイス対応で、その日本語が不自然じゃなくて、機能的にシンプルなもので、画像アップロード&管理ができるWYSIWYGエディターを探してたら、CKEditorに遭遇。前まではFCKEditorと名乗ってたみたい。なんとなく聞き覚えあるなぁ。インストールひとまず下記からダウンロード。CKEditorんで、ファイルのアップロードと管理も必要なので、別途CKFinderも。Managerともに圧縮されているので、解凍したらckeditorとckfinderというフォルダができました。自分でcktoolsというフォルダを作って、解凍したフォルダをココにぶっ込んでアップロード。設定ひとまずサンプルファイルにアクセスしてみた。いま一番必要としているのは、画像がアップロードできるエディタなので、/cktools/ckfinder/_samples/ckeditor.htmlをお試し。32).そうそう逝きません。はいはい、パスが違うのね。type="text/javascript"></script>という部分のパスを変更。type="text/javascript"></script>で宜しい。;ここはたまたまそのままでも宜しい。実際に使うときには変更が必要。フォームを実装するファイルから見たckeditorへの相対パスに変更すればいい。これでエディターまでは動くようになりました。実際にファイルをアップロードしようとするとエラー。ファイルブラウザはセキュリティ上の制限から無効になっています。システム担当者に連絡をして、CKFinderの設定をご確認下さい。おお、エラーメッセージまで親切。親切すぎて何を変更すれば良いかさっぱりわからん。すばらしくセキュアな感じになってますwwwまぁとりあえずconfig.phpってのがあるんで、間違いなかろうと開いてみたら案の定ありました。false→TRUEに変更するだけの設定だけど、その前に仰々しい忠告メッセージが......。...(続く)(意訳)バカヤロウこの野郎!誰でもアップできるようになっちゃアブねェだろうが!簡単に“true”にするんじゃねーよ。(続くてな事がかかれてるけど、華麗にスルーして変更。ようは、ちゃんとセッションとかで認証してから使うようにしなさい的なことなんですけど、管理系のシステム作ってるんで、もうすでに大丈夫だろう、たぶん、知らんけど。true;んで、ひとまずアップロードできるようになりました。editor.setData('ここに<b><i>記事</i></b>を書きます。CKEDITOR.replace('article');editor.setData('ここに<b><i>記事</i></b>を書きます。'cktools/ckfinder/');//]]></script></body></html>こんだけでOK。デフォルトの設定だと、文字草食系......、装飾系のボタンがたくさん出てきちゃうから、なんとか1行に納めるために減らしてます。12〜18行あたりがそれ。'/upload/userfiles/';config.phpの↑イジればファイルのアップロード先も変更可。うーーーん、結構シンプルで使い易い。世の中便利になったもんだね。おれ廃業だわ......。自分用であれば完全無料?エディタ本体のCKEditorも、金(US$375)さえ積めばライセンス表示しなくていいみたい。そのコメント取っ払いましょう。