BurgerEditorの画像ブロックで画像がアップロードできない

以下の記事でBurgerEditor3.2.1をインストールできたのですが、

画像ブロックに画像ファイルをアップロードしても、「NowPrinting準備中です」のままで、画像が表示されません。
画像を選ぶポップアップに、アップロード済みの画像一覧も表示されません。
/webroot/files/bgeditor/img にアップロードしたファイルは存在しているのですが、それを引っ張ってこれてないような気がします。
basercmsの「アップロードファイル一覧」では正常に画像ファイルをアップロードできるし、アップロードした画像の一覧も表示されます。
同じ環境でBurgerEditorの画像ブロックを使えてる方いますでしょうか?
解決策をご存じの方はご教授ください。
宜しくお願い致します。

【環境情報】
・baserCMSのバージョン:5.2.1
・レンタルサーバー名:xサーバー
・使用テーマ:(例)bc_sample
・PHPスキル(自己評価):C
・BurgerEditorのバージョン:3.2.1

こんにちは
こちら解決しましたでしょうか?
同じ環境をローカルで作ってみたのですが再現しませんでした

error.logやコンソールエラーは表示されていないでしょうか?

/webroot/files/bgeditor/img にアップロードしたファイルは存在しているのですが、それを引っ張ってこれてないような気がします。

なるほど、アップロード自体はできるが表示されていない、ということであればJSのエラーの可能性がありそうです
該当ページでF12で開発者ツールを開き、コンソールタブを開いた状態で再度1連の動作をご確認いただけますでしょうか?

何かヒントが掴めるかもしれません
不明点あればお申し付けください

お返事ありがとうございます。まだ解決していません。
BurgerEditorは3.2.1にバージョンアップしてみたのですが。同じ状態です。
JSのエラーは画像ブロックで、参照をクリックし、画像を選んで、参照ボタンの右にファイル名が表示されるタイミングで出ました。

Uncaught SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
AU /burger_editor/js/admin/burger_editor.js:41
send /burger_editor/js/admin/burger_editor.js:41
TU /burger_editor/js/admin/burger_editor.js:41
TU /burger_editor/js/admin/burger_editor.js:41
yh /burger_editor/js/admin/burger_editor.js:41
xU /burger_editor/js/admin/burger_editor.js:41
jQuery 8
FB /burger_editor/js/admin/burger_editor.js:41
V4 /burger_editor/js/admin/burger_editor.js:41
JU /burger_editor/js/admin/burger_editor.js:88
jQuery 2
JU /burger_editor/js/admin/burger_editor.js:88
open /burger_editor/js/admin/burger_editor.js:88
cU /burger_editor/js/admin/burger_editor.js:40
oo /burger_editor/js/admin/burger_editor.js:40
jQuery 8
oo /burger_editor/js/admin/burger_editor.js:40
Fa /burger_editor/js/admin/burger_editor.js:37
yt /burger_editor/js/admin/burger_editor.js:40
jQuery 2
yt /burger_editor/js/admin/burger_editor.js:40
rz /burger_editor/js/admin/burger_editor.js:74
jQuery 2
burger_editor.js:41:27374
AU /burger_editor/js/admin/burger_editor.js:41
(非同期: EventListener.handleEvent)
send /burger_editor/js/admin/burger_editor.js:41
TU /burger_editor/js/admin/burger_editor.js:41
(非同期: EventListener.handleEvent)
TU /burger_editor/js/admin/burger_editor.js:41
yh /burger_editor/js/admin/burger_editor.js:41
xU /burger_editor/js/admin/burger_editor.js:41
jQuery 8
FB /burger_editor/js/admin/burger_editor.js:41
V4 /burger_editor/js/admin/burger_editor.js:41
JU /burger_editor/js/admin/burger_editor.js:88
jQuery 2
JU /burger_editor/js/admin/burger_editor.js:88
open /burger_editor/js/admin/burger_editor.js:88
cU /burger_editor/js/admin/burger_editor.js:40
oo /burger_editor/js/admin/burger_editor.js:40
jQuery 8
oo /burger_editor/js/admin/burger_editor.js:40
Fa /burger_editor/js/admin/burger_editor.js:37
yt /burger_editor/js/admin/burger_editor.js:40
jQuery 2
yt /burger_editor/js/admin/burger_editor.js:40
rz /burger_editor/js/admin/burger_editor.js:74
jQuery 2
GET
/files/bgeditor/bg-sample__org.png
[HTTP/2 404 1296ms]

error.logも見てみましたが、
/bc_admin_third/css/webfonts/fa-brands-900.woff2 could not be found.
くらいしかなかったです。

ご確認ありがとうございます

Uncaught SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

とのことですので、JSON形式ではないデータが返ってきてしまいエラーになっているようです
過去にあった件ですと、baserCMSのデバッグモードがtrueになっていて、データがJSONではなくエラー用のHTMLを返していたことで同様のエラーが発生したことがあります(たしか…)

確認ですが、デバッグモードはオフになっていますでしょうか?
画面上部のツールバーに赤く「デバッグモード」と表示されている場合デバッグモードがオンになっている状態です
もしなっている場合は、オフにすると何か変わるかもしれません

GET /files/bgeditor/bg-sample__org.png
[HTTP/2 404 1296ms]

というエラーも気になります
以下2つご確認いただけますでしょうか?

  1. /filesの権限は適切か
    例えば、書き込みはできるが読み取りができない、という状態になっている可能性があります
    この場合、権限調整で解消する可能性が高そうです

  2. /files/bgeditor/bg-sample__org.pngは存在するか
    こちらの404が原因の可能性もあるかもしれません
    もし、先述の権限が問題なく、bg-sample__org.pngが存在しない場合、/files/bgeditor/に、bg-sample__org.pngというファイルを設置してみてください
    画像の中身はダミーデータで構いません

こちらの環境でも色々と試しているのですが、なかなか再現せずです
お手数おかけしますがご確認よろしくお願いします

デバッグモードをオフにしました。
画像ブロックの、画像の一覧が表示されるようになったので、それを選択すれば画像を入れることができました。

まだ残っている問題、
画像ブロックの「参照」ボタンで画像を選択しても一覧に出てこない。
いったんキャンセルして、再度画像ブロックを開いてみると、先ほど指定した画像は一覧の中にあるので、それを選んで完了すると、その画像になる。

ベーシック認証が問題かと思い、外してみても同じでした。

/files/bgeditor/bg-sample__org.png は「NowPrinting 準備中です」の画像で、ファイルは存在していました。

また、「ファイルダウンロード」ブロックには、ファイルの一覧が表示されません。「参照」ボタンでファイルを選択すると、「アップロードに失敗しました。(Server Error)」と赤文字で表示が出ます。
/webroot/files/bgeditorフォルダの権限はサブフォルダ含め777です。

画像を入れられるようになりよかったです
その他確認もありがとうございます

まだ残っている問題、
画像ブロックの「参照」ボタンで画像を選択しても一覧に出てこない。
いったんキャンセルして、再度画像ブロックを開いてみると、先ほど指定した画像は一覧の中にあるので、それを選んで完了すると、その画像になる。

こちらは私の環境でも再現しております
ローカルで問題なく動作しますが、本番環境(sakura)サーバーでのみ同様の現象を確認できました

少し処理を見てみたところBurgerEditorのconfg/setting.phpの値をConfigre::read(‘〇〇’)で取得しようとして失敗している(すべてnullが返る)ことが原因のようです

詳しい処理はまた後ほど確認して、また何かわかれば報告いたします
BurgerEditorの開発元にもFBを入れておきますね

@Wide
もしかすると、該当のfiles配下に直接画像をアップロードされていますでしょうか?
→ /webroot/files/bgeditor/img

こちらにFTPで手動アップロードすることで同様の症状が発生した例は記憶にあります
もし該当するならば一度その画像を削除してお試しいただけますか?

/webroot/files/bgeditor/img に画像はアップロードしていません。

「ファイルダウンロード」ブロックで、ファイルがアップロードできない問題ですが、
/plugins/BurgerEditor/src/Controller/Admin/BurgerEditorController.php
の 341行目あたり、
Bge.allowedExt を BcUploader.allowedExt に変更すると、アップロードできるようになりました。

@Wide バーガーエディタの3.3.1 がリリースされたようです。
こちらではアップロードできる事を確認しました。
試してみてください。

ありがとうございます。
解決済みとさせていただきます。