You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Theme-Tabler Backpack V6中WYSIWYG编辑器无法上传图片及打开Elfinder求助

解决Backpack V6中CKEditor无法上传图片、Elfinder无法调用的问题

问题分析

控制台抛出的filerepository-no-upload-adapter错误,本质是CKEditor未配置上传适配器;同时已安装的Elfinder未与CKEditor建立关联,导致编辑器内无法打开文件管理器。

解决方案

1. 修改CKEditor字段配置,关联Elfinder

更新CRUD字段代码,添加Elfinder关联配置并启用图片上传相关工具栏:

CRUD::field([
    'name' => 'deskripsi',
    'type' => 'ckeditor',
    'label' => 'Deskripsi Permohonan',
    // 绑定Elfinder文件管理器
    'elfinder' => [
        'path' => '/admin/elfinder', // 与你的Elfinder访问路径保持一致
    ],
    // 配置工具栏,确保包含图片操作按钮
    'options' => [
        'toolbar' => [
            'imageUpload', 'insertImage',
            'undo', 'redo', 'bold', 'italic', 'link', 'bulletedList', 'numberedList'
        ],
    ],
]);

2. 确认Elfinder插件配置正确性

  • 重新发布插件资源并执行迁移(若未完成):
    php artisan vendor:publish --provider="Backpack\FileManager\FileManagerServiceProvider"
    php artisan migrate
    
  • 检查config/backpack/filemanager.php文件,确保route_prefix参数设置为admin/elfinder,与字段配置中的路径匹配。

3. 手动指定上传URL(可选)

若上述配置后仍存在适配器错误,可在字段的options中直接指定上传接口:

'options' => [
    'simpleUpload' => [
        'uploadUrl' => backpack_url('elfinder/upload'),
    ],
    // 保留原有工具栏配置...
],

4. 清理系统缓存

修改配置后执行以下命令刷新缓存:

php artisan config:clear
php artisan cache:clear
php artisan view:clear

验证操作

刷新CRUD页面后,点击CKEditor的图片上传按钮,应能正常调出Elfinder文件管理器,选择或上传图片后可直接插入编辑器,控制台不再出现上传适配器错误提示。

内容的提问来源于stack exchange,提问作者Hani Ramadhan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.11 18:13:10