使用dcat-tinymce扩展实现富文本多图上传流程步骤

使用dcat-tinymce扩展实现富文本多图上传

进入步骤：

安装

第一步：

composer require aoding9/dcat-tinymce-axupimgs

如果安装失败，切换官方源（阿里云镜像我试了装不上）

composer config repo.packagist composer https://packagist.org

因为官方源下载比较慢，国内镜像又有各种问题可能导致安装失败，

可以把以下代码添加到 composer.json，直接从 github 安装

{
  "repositories": [
    {
      "type": "vcs",
      "url": "https://github.com/aoding9/dcat-tinymce-axupimgs"
    }
  ]
}

第二步：

php artisan vendor:publish --provider="Aoding9\Dcat\TinymceAxupimgs\TinymceServiceProvider

发布静态资源到 public 目录

配置

修改 config/admin.php，在 directory 中添加 image_editor 配置项，

不填则上传到

'images/editor/' . today()->toDateString()

//...
'upload'=> [
        // Disk in `config/filesystem.php`.
        // 如果要上传oss，把disk改成qiniu或者别的驱动，然后配置好oss参数就行了
        'disk'      => 'admin',
        // Image and file upload path under the disk above.
        'directory' => [
            'image'        => 'images',
            'file'         => 'files',
            'image_editor' => 'images/editor/' . today()->toDateString(), // 多图上传的路径
        ]

使用

在控制器 form 方法中使用 editor 即可

// ...
      $form->editor('content');

看看效果：

相关文章：

使用dcat-xlswriter扩展实现表格文件自定义列宽导出流程步骤

https://www.zongscan.com/demo333/96375.html