CKEditorはオープンソースの軽量なエディタで、標準機能も充実しています。 見出しなどのフォーマットを指定したり、画像を追加したりすることもできます。
ただ、Drupalに標準で実装されているCKEditorには、一般的によく使われるフォントサイズとフォントファミリー(フォントの種類)やカラーのボタンがなく、カスタマイズが必要な場合もあります。
CKEditorにはさまざまなプラグインが充実しているので、今回はその実装方法を紹介します。
1. 必要なモジュールをインストールする
このチュートリアルでは、フォントサイズとフォントファミリー、そしてカラーパネルを追加してみます。
まずは、以下の3つのモジュールをインストールしてください。
次にプラグインをCKEditorの公式サイトから導入してください。
今回必要な、以下の5つのプラグインをダウンロードします。
Drupalのroot直下にlibrariesフォルダを作成し、先程ダウンロードしたプラグインをアップロードします。
drupalの管理画面のモジュール一覧ページへ移動し、最初に追加した3つのモジュールをインストールします。
2. プラグインをCKEditorに追加する
Drupalの管理画面で、環境設定 > テキストフォーマットとエディターに移動します。
今回変更するフルHTMLの設定をクリックします。
グループの追加をクリックして、「Font」グループを作成。利用可能なボタンから追加したいアイコンをドラッグ&ドロップでグループに入れて「保存」をクリックします。
3. エディタでテストをします。
Drupalの管理画面でコンテンツ作成画面を開きます。
テストの文章を追加し、実際に先程追加したボタンで操作をします。
まとめ
DrupalのCKEditorは、モジュールやプラグインを追加して簡単に機能拡張することができます。このような軽微な機能でもクライアント様の作業効率向上につながる場合もあります。簡単に、柔軟に、機能拡張ができる点は、やはりDrupalの大きな魅力ですね。