Craft CMS のリッチテキストエディタに画像やファイルのボタンが表示されないときの対処法

Craft CMS のリッチテキストエディタに画像やファイルのボタンが表示されないときの原因の一つをご紹介します。

Craft CMS Logo

Craft CMS のリッチテキストエディタに画像やファイルのボタンが表示されなくて困っていました。リッチテキストエディタ Redactor の設定ファイルには下記のように設定しています。

{
 "buttons": ["format","bold","italic","lists","link","image","file","horizontalrule"],
 "plugins": ["source","fullscreen","alignment"]
}

本来であればリンクボタンの右に画像をアップロードするボタンとファイルをアップロードするボタンが表示されるはず。。。しかし下図の通り表示されていません。

craft-richtext-image01-min.png

この対処法というか原因が分かったのでシェアします。

原因は?

原因は単純で、画像ボタン等が表示されなかったのはファイル管理の設定がちゃんとされていなかったためです。

事前に下記の設定をしておく必要がありました。

  1. ファイル管理を設定する
  2. ファイル管理のためのフィールドを作成する
  3. 作成したフィールドをセクションの入力タイプのフィールドレイアウトに追加する

これらの詳細な方法は下記の @BUN さんの記事を参照してください。

Redactor の設定 JSON に image を追加

ここまで準備ができたら、冒頭にあるように、Redoctor の設定用 JSON ファイルに image を追加すればOKです。設定用の JSON ファイルは下記のパスにあります。

craft/config/redactor

無事、画像ボタンとファイルボタンが表示されました。

craft-richtext-image02-min.png

以上です。

Published 2017-04-28
Updated 2019-08-20