奥丁9

后端
- 数据库
  - redis
  - mysql
  - mongoDB
  - 达梦
- php
  - laravel
    - laravel-admin
    - dcat
      - 表单
      - 表格
- java
  - spring
- python
- go
- c
- c++
前端
- vue
- nodejs
- sass/less
- html/css
- 前端框架
- javascript
- 微信生态
  - 公众号
  - 小程序
- uniapp
- typescript
其他
- AI
- 数据结构
- 安全
- linux
- seo
- git
- 健身
- 算法
- 正则表达式
- docker
待分类

后端 / php / laravel / dcat

dcat扩展：tinymce富文本多图上传，1分钟搞定多图上传

1年前 aoding9 41

php laravel 包 dcat

### 简介

dcat扩展：tinymce富文本多图上传

效果：

![](http://aoding9.top/uploads/images/2023-06-12/8daac9804e289ad88b4524bf6172faea6486912e8da78.png)

![](http://aoding9.top/uploads/images/2023-06-12/73f1513a7f115a6770f986f5150173ac6486913b7e654.png)

![](http://aoding9.top/uploads/images/2023-06-12/3b41aa196cc0421ce15ddf62d5ebaaf764869144d18be.png)

![](http://aoding9.top/uploads/images/2023-06-12/e67b2c0cc60fbc5b4fb9fdedf8ec78d76486912727354.png)

### 安装

第一步：`composer require aoding9/dcat-tinymce-axupimgs`

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

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

因为官方源下载比较慢，国内镜像又有各种问题可能导致安装失败，可以把以下代码添加到composer.json，直接从github安装
```json
{
  "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()`
```php

//...
'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即可
```php
// ...
      $form->editor('content');

```

本作品采用《CC 协议》，转载必须注明作者和本文链接