Dcat Admin Ueditor 扩展项目教程

Dcat Admin Ueditor 扩展项目教程

dcat-admin-ueditor 项目地址: https://gitcode.com/gh_mirrors/dc/dcat-admin-ueditor

1. 项目目录结构及介绍

dcat-admin-ueditor/
├── config/
│   ├── admin.php
│   ├── admin-extensions.php
│   └── ueditor.php
├── resources/
│   └── assets/
│       └── ueditor/
├── routes/
│   └── admin.php
├── src/
│   ├── Controllers/
│   ├── Models/
│   ├── Providers/
│   └── Ueditor.php
├── .gitignore
├── README.md
├── composer.json
└── LICENSE

目录结构介绍

• config/: 存放项目的配置文件，包括 admin.php, admin-extensions.php, 和 ueditor.php。
• resources/: 存放前端静态资源文件，如 ueditor 编辑器的相关文件。
• routes/: 存放路由配置文件，如 admin.php。
• src/: 存放项目的核心代码，包括控制器、模型、服务提供者等。
• .gitignore: Git 忽略文件配置。
• README.md: 项目说明文档。
• composer.json: Composer 依赖管理文件。
• LICENSE: 项目许可证文件。

2. 项目启动文件介绍

启动文件

• config/admin.php: 主要配置 Dcat Admin 的基本设置，包括路由、中间件、扩展等。
• config/admin-extensions.php: 配置 Dcat Admin 的扩展，包括 ueditor 扩展的启用状态。
• config/ueditor.php: 配置 Ueditor 编辑器的相关设置，如文件上传路径、文件类型限制等。

启动流程

1. 安装依赖: 通过 composer require dcat-admin-extension/ueditor 安装扩展包。
2. 导入静态文件: 执行 php artisan admin:import ueditor 导入前端静态文件。
3. 启用扩展: 在 config/admin-extensions.php 中启用 ueditor 扩展。
4. 配置文件: 根据需求修改 config/ueditor.php 中的配置项。

3. 项目的配置文件介绍

config/admin.php

return [
    // 其他配置项...

    'extensions' => [
        'ueditor' => [
            'enable' => true,
        ],
    ],
];

config/admin-extensions.php

return [
    'ueditor' => [
        'enable' => true,
    ],
];

config/ueditor.php

return [
    'imageActionName' => 'uploadimage',
    'imageFieldName' => 'upfile',
    'imageMaxSize' => 2048000,
    'imageAllowFiles' => ['.png', '.jpg', '.jpeg', '.gif', '.bmp'],
    'imageCompressEnable' => true,
    'imageCompressBorder' => 1600,
    'imageInsertAlign' => 'none',
    'imageUrlPrefix' => '',
    'imagePathFormat' => '/ueditor/image/[yyyy][mm][dd]/[time][rand:6]',
    // 其他配置项...
];

配置项说明

• imageActionName: 上传图片的 action 名称。
• imageFieldName: 提交的图片表单名称。
• imageMaxSize: 上传图片的大小限制，单位为 B。
• imageAllowFiles: 允许上传的图片格式。
• imageCompressEnable: 是否启用图片压缩。
• imageCompressBorder: 图片压缩的最大边限制。
• imageInsertAlign: 插入图片的浮动方式。
• imageUrlPrefix: 图片访问路径前缀。
• imagePathFormat: 上传图片的保存路径格式。

通过以上配置，可以灵活调整 Ueditor 编辑器的功能和行为，满足不同的项目需求。

dcat-admin-ueditor 项目地址: https://gitcode.com/gh_mirrors/dc/dcat-admin-ueditor