CKEditor にプラグイン「codemirror」を追加する方法

思いのほか高機能で、手軽に導入できたのでメモしておきます。
CKEditorの他のプラグインもほぼ同じ手順で導入することができます。

このプラグインを入れると、「ソース」ボタンを押した時の
表示がきれいなシンタックスハイライトで表示されるようになります。

(1) 公式サイトからプラグインをダウンロードします。
(2) ダウンロードしたファイルを解凍すると「codemirror」というフォルダができるので、
ckeditor/plugins に そのまま入れます。
(3) プラグインを有効化します
ckeditor/config.js の「CKEDITOR.editorConfig = function( config ) {」の中に
「config.extraPlugins = ‘codemirror’;」の記述を追加します。

以上で、エディタの「ソース」ボタンをクリックすると、
味気ない白黒のソース表示からハイライト表示へと一転します。

コメント

この記事へのコメントはありません。

CAPTCHA


PAGE TOP