【Basercms5】本文に画像挿入する際にトラブル

ciao-h · 2024 年 5 月 22 日午前 9:22

・baserCMSのバージョン：5.0.15
・レンタルサーバー名：XAMPP8.2.4
・データベース：SQLite
・使用テーマ：自作テーマ
・PHPスキル（自己評価）：E
・インストールディレクトリ D:\xampp\htdocs\basercms5
・URL https：//localhost/basercms5/
※サブフォルダにインストール

BaserCMS5でページ本文に画像を挿入しようとした際、初めから含まれているBcUploaderプラグインを適用後、画像挿入アイコンを押すと、ダイアログにアップロードボタンが表示されない、またはエラーが表示されることがあります。
BaserCMS4では画像挿入ダイアログ内にアップロードボタンがあったと思うのですが、仕様が変更されたのでしょうか？
それともプラグインの使用の仕方が間違っているのでしょうか

なお、表示されたエラー内容は以下の通りになります。

Fatal error: Uncaught LogicException:
Key “APP_NAME” has already been defined in getenv() in D:\xampp\htdocs\basercms5\vendor\josegonzalez\dotenv\src\josegonzalez\Dotenv\Loader.php:434

Stack trace:
#0 D:\xampp\htdocs\basercms5\vendor\josegonzalez\dotenv\src\josegonzalez\Dotenv\Loader.php(289): josegonzalez\Dotenv\Loader->raise(‘LogicException’, ‘Key “APP_NAME” …’)

#1 D:\xampp\htdocs\basercms5\config\bootstrap.php(66): josegonzalez\Dotenv\Loader->putenv()

#2 D:\xampp\htdocs\basercms5\vendor\cakephp\cakephp\src\Http\BaseApplication.php(173): require_once(‘D:\xampp\htdocs…’)

#3 D:\xampp\htdocs\basercms5\src\Application.php(48): Cake\Http\BaseApplication->bootstrap()

#4 D:\xampp\htdocs\basercms5\vendor\cakephp\cakephp\src\Http\Server.php(109): App\Application->bootstrap()

#5 D:\xampp\htdocs\basercms5\vendor\cakephp\cakephp\src\Http\Server.php(79): Cake\Http\Server->bootstrap()

#6 D:\xampp\htdocs\basercms5\webroot\index.php(45): Cake\Http\Server->run()

#7 {main} thrown in D:\xampp\htdocs\basercms5\vendor\josegonzalez\dotenv\src\josegonzalez\Dotenv\Loader.php on line 434

ダイアログにアップロードボタンが表示されないことと、このエラー内容には関連があるのでしょうか？

ciao-h · 2024 年 5 月 23 日午前 4:22

上記のエラー内容で検索したところ
「CakePHP 3 で .env 使用時に LogicException が出たときの対応方法」という記事が見つかり、
その中にputenv() の引数に trueを与えたところエラーが出なくなったとの情報がありましたため、
config/bootstrap.phpの66行目のコードを下記のように修正しました。
修正前

        ->putenv()

修正後

        ->putenv(true)

エラーは出なくなったのですが、エラー内容とアップロードボタン等が表示されない件は無関係のようで画像挿入ダイアログにてアップロードボタン等は表示されないままでした。

ryuring · 2024 年 5 月 24 日午前 3:33

@ciao-h バグってたようです。こちらのコミットで修正しています。

ciao-h · 2024 年 5 月 24 日午前 9:49

@ryuring さんこんにちは
リンク先の修正データ「ckeditor_uploader.js」に差し替えてみたのですが、
こちらの環境では画像挿入ダイアログの表示は変わらず、さらに管理画面の「アップロード管理」からアップロードしようとすると
「処理中にエラーが発生しました。ファイルが大きすぎる可能性があります。」と表示され、アップロード自体できなくなりました・・・
（元のファイルに差し替えて、キャッシュ削除してもエラーが直らなかったため、再インストールしました）

Basercms4では画像挿入ダイアログの下部を構成するファイルリストタグ内にアップロードボタンのタグが含まれていたのに、
Basercms5だとその部分が空で表示されるのが気になります。

ryuring · 2024 年 5 月 25 日午前 1:57

@ciao-h 再インストールした結果、いかがでしたでしょうか？

最新の開発版では、アップロード管理も、記事編集画面でのダイアログも正常動作しています。

ciao-h · 2024 年 5 月 25 日午前 10:00

@ryuring さんこんにちは
管理画面のアップロード管理からアップロードする際、「処理中にエラーが発生しました。ファイルが大きすぎる可能性があります。」と表示されたトラブルは、デバッグモードにしている状態でアップロードしようとすると、そのように表示されるBasercms5の仕様のようで、ファイルと差し替えたことと関係なかったようです、失礼いたしました。

修正データ「ckeditor_uploader.js」を差し替えてもこちらの環境では、画像挿入ダイアログにはアップロードしたファイルの一覧は表示されませんでした・・・
差し替えるファイルは「ckeditor_uploader.js」のみでよろしかったでしょうか

アップロードした画像ファイル一覧のページが作成されて、画像挿入ダイアログ内で、その要素を読み込む仕組みだと思われますが、上手く動作しません・・・
basercmsをサブフォルダにインストールしていることに原因があるのかも・・・

ryuring · 2024 年 5 月 26 日午前 2:25

@ciao-h 最新の開発版でサブフォルダに設置している環境で試したところ、正常にファイルは表示されました。

次の作業を試して頂けますか？

GitHubのレポジトリの「Code」よりZipでダウンロードする
GitHub - baserproject/basercms: baserCMS : Based Website Development Project
/plugins/ 配下のファイル全てを、そちらの実行環境の /vendor/baserproject/ 内に上書きする

これで最新の開発版になります。

ciao-h · 2024 年 5 月 26 日午前 4:03

@ryuring さん無事、画像挿入ダイアログにアップロード一覧が表示されました！
ご対応いただきありがとうございました。
解決済みとさせていただきます。