2020-11-21

Drupal8,ckeditorで文字色を使用可能にする

[ バーション ] Drupal8  8.7.7
[ データベース ] Sqlite


Drupal8のエディタは、ckeditorを使用している。しかし、標準で文字装飾でカラー機能はない。
このため、手作業で文字色の機能を追加するしか無い。

以下の手順で行う


1.ダウンロード

【 必要ファイル 】
A) panelbutton-8.x-1.1.zip
B) panelbutton_4.8.0.zip
C) colorbutton-8.x-1.1.zip
D) colorbutton_4.8.0.zip


【 ダウンロード元 】
A) https://www.drupal.org/project/panelbutton
B) https://ckeditor.com/cke4/addon/panelbutton
C) https://www.drupal.org/project/colorbutton
D) https://ckeditor.com/cke4/addon/colorbutton

※上記ファイルは 2018年1月現在のもので、最新版は以下のサイトで検索する
https://www.drupal.org/project/project_module



2.フォルダー作成

ダウンロードファイルを解凍&コピーする前に、libraries フォルダーを手作業で作成する。

 http://サイト名/libraries


3.解凍&コピー

上記A〜Dの解凍したファイルを module, librariesに振り分けてコピーする。

上記 A,C は http://サイト名/module 手動でフォルダーへコピーする。
B,D は http://サイト名/libraries 手動でフォルダーへコピーする。


4.インストール

機能拡張で「CKEditor Color Button」、「Panel Button」をインストールする。

 

5.設定

環境設定 > テキストフォーマットとエディターで、ツールバーの構成を設定する。


 

設定は以上

上記で文字色アイコンが表示されなかった場合、B,Dのファイルをコピーしたlibrariesフォルダーを次の場所に置いてみる。

1) http://libraries フォルダーに置く。

2) http://サイト名/sites/all/libraries フォルダーに置く。

1) 2) のいずれか、またはどちらかを試してみる。
原因は不明だが、解決したこともあった。


ちなみに、
Drupal9 (9.0.8) でやってみた結果、うまくいかなかった。アイコンは表示されたものの、色の選択アイコンは表示されなかった。


#ckeditor, #drupal, #libraries, #colorbutton, #panelbutton