【Drupal7】CKEditorのカスタマイズ

作成者:admin 作成日:火, 07/16/2013 - 05:49

DrupalにインストールしたCKEditorの設定はモジュールの管理画面から行えますが、こちらに無い設定(例：フォント選択の種類を変える、表示幅を変える等)は設定ファイル(ckeditor.config.js)を編集する必要があります。

設定には、直接ファイルを編集せずに、ブラウザ上で行う方法もあります。

 

【設定方法】

  1. モジュール管理画面→CKEditor→「設定」を選択
  2. カスタマイズを行うプロフィールの「編集」を選択
  3. 「高度なオプション」を選択
  4. 「Custom JAVA Configration」の欄にカスタマイズの内容を記述

 

【カスタマイズの例】

初期状態ですと、フォントが以下のように英語フォントしか選択できません。

CKEdit_custom_before.png

 

先ほどの「Custom JAVA Configration」の欄に以下の記述を行います。

 CKEDITOR.config.font_names='ＭＳ Ｐゴシック;ＭＳ Ｐ明朝;ＭＳ ゴシック;ＭＳ 明朝;Arial/Arial, Helvetica, sans-serif;Comic Sans MS/Comic Sans MS, cursive;Courier New/Courier New, Courier, monospace;Georgia/Georgia, serif;Lucida Sans Unicode/Lucida Sans Unicode, Lucida Grande, sans-serif;Tahoma/Tahoma, Geneva, sans-serif;Times New Roman/Times New Roman, Times, serif;Trebuchet MS/Trebuchet MS, Helvetica, sans-serif;Verdana/Verdana, Geneva, sans-serif';

設定反映後、以下の様に日本語フォントが選択できるようになりました。

CKEdit_custom_after.png