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

2017-04-28
1分で読了
更新: 2025-12-14

目次

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

以上です。

この記事をシェア

この記事を書いた人

Roy Okuwaki

「かたつむりくんのWWW」を運営している Roy Okuwaki(tinybeans)です。bit part 合同会社 代表社員。2007年から、Movable Type や Craft CMS などの CMS、Web 開発、AI ツールの使い方について書いています。

プロフィールを見る →

関連記事