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

カテゴリ: jQuery

記事投稿日: 2014年6月26日



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

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

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

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








コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA




トップに戻る