README

具有S3集成并可与Trumbowyg编辑器集成的文件管理器

集成文件管理器与S3集成的步骤

• 运行以下命令来安装包

composer require fluidtheory/s3-filemanager

• 在配置文件夹的app.php中添加Publisher类

Fluidtheory\Filemanager\FileManagerServiceProvider::class

• 安装成功后，要将文件发布到项目，您需要运行

php artisan vendor:publish

• 在header中包含文件管理器CSS

<link rel="stylesheet" href="/css/filemanager-custom.css">

注意：如果您的项目中没有modal样式，请包含Bootstrap CSS和JS。请将jQuery文件包含在header中

• 在包含输入和按钮的视图文件中包含Modal

@include('filemanager::file-manager.iframe')

• 为上传按钮设置以下属性

   1) data-multiple="true" for multi-select image or data-multiple="false" for single image select
   2) Set another attribute data-click=""

• 添加输入字段以设置图片值

<input type="text" class="form-control fm-image" name="new_images" value="" readonly>

• 在视图文件中通过隐藏输入传递文件夹名称

    <input type="hidden" id="folder-id" value="<your-folder-name>">

• 将filesystems.php文件中"FILESYSTEM_DRIVER"的默认值更改为s3，并添加以下update s3数组

'driver' => 's3',
'key' => env('AWS_KEY'),
'secret' => env('AWS_SECRET'),
'region' => env('AWS_REGION'),
'bucket' => env('AWS_BUCKET'),
'visibility' => 'public',
'url' => env('AWS_URL'),

• 最后一步，在.env文件中设置以下环境变量

AWS_KEY=
AWS_SECRET=
AWS_REGION=
AWS_BUCKET=
VISIBILITY='public'
AWS_BLOG_URL=
AWS_URL=

如果要将文件管理器包含在trumbowyg编辑器中，请包含以下内容

Include following js file first,
<script src="/js/file-manager/trumbowyg.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.15.1/plugins/emoji/trumbowyg.emoji.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.15.1/plugins/table/trumbowyg.table.min.js"></script>

• 此外，请包含trumbowyg编辑器的CSS

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.15.1/ui/trumbowyg.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.15.1/plugins/emoji/ui/trumbowyg.emoji.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.15.1/plugins/table/ui/trumbowyg.table.min.css">

• 带有s3-filemanager的编辑器的最后步骤，给textarea设置类以集成Trumbowyg编辑器

$('.<your-class>').trumbowyg();