CKEditor4何かと要望の多いWEBエディタ周り。高機能でリッチなWEBエディタ「CKEditor」は、多機能でたくさんのプラグイン開発もされているので、よく利用します。CKEditor本体やプラグインの導入・設定時にエラーが出ることが多く、エラーを回避し一番上手くいくCKEditor本体のダウンロード・導入方法を、今回はバージョン4で紹介します。エラーが出てうまく設置できない場合は、これまで数多く設置してきた結果、一番うまくいくエラー回避ポイントをあげましたので、参考にしてみてください。src="https://cdn.ckeditor.com/4.11.1/standard/ckeditor.js"></script>CDNは利用せず、本体をダウンロードして自サーバー内にCKEditor本体を置きエラー回避します。Builder」でダウンロードします。N’Slow)」バージョンをダウンロードし利用します。Builder」でのCKEditor本体ダウンロード時、デフォルトのプラグイン以外にプラグインを追加してダウンロードすると、エラーが出た際にどのプラグインでエラーが出ているのか、判別しにくいです。Builder」の「Standard」をダウンロード・設置し、動作確認した後から希望のプラグインを追加していきます。下記はダウンロードの手順です。Builder」を選択します。プラグインはとりあえずデフォルトのままで、変更しません。N’Slow)」をクリックしてダウンロード※5で、「Optimized」(最適化バージョン)を利用するとエラーが発生することが結構あります。N’Slow)」を利用します。動作確認済みの本体(standard)上記方法でダウンロードし(2018年11月時点)、問題なく動作したCKEditor本体(standard)を上げておきますので、ご利用ください。zipCKEditor本体の設置・導入CKEditor本体フォルダを設置まず、自サーバー内に、ダウンロードしたCKEditorフォルダを任意の場所にアップロード設置します。CKEditorを利用するページで導入・設定CKEditorを利用するページの<head>部で、設置した「ckeditor.js」ファイルを読込み参照します。</head><body>内のformのテキストエリアを次のように設定します。基本設定をしたり希望のプラグインを追加したり、CKEditorディレクトリ内の「config.js」を編集していきます。上記<body>内のformテキストエリアは、下記のように設定し「config.js」を置き換えて読み込ませます。</body>次回から、config.jsの基本設定/カスタマイズの方法や、各プラグインの導入設定方法/カスタマイズ方法も記事にしていこうと思います。※コメントへの返信は基本的に行っておりません。あしからずご了承ください。いただいたご意見・ご質問等は、公開が有益な場合公開させていただき記事内で返答させていただきます。※場合によりご連絡をさせていただく際のご了承をいただける方は「了承」にチェックをお願いします。