iT邦幫忙

0

Laravel Filemanager + CKeditor 智障使用手冊

  • 分享至 

  • xImage
  •  

每次用都忘記 紀錄一下好了

安裝
composer require unisharp/laravel-filemanager

創資料夾
php artisan vendor:publish --tag=lfm_view --force
php artisan vendor:publish --tag=lfm_public --force
php artisan vendor:publish --tag=lfm_config --force

清快取
php artisan cache:clear


基本設定 (圖片要傳到哪)

先去
config/filesystems.php 裡面 disks 可以自訂一個

範例

'filemanager' => [
    'driver' => 'local',
    'root' => public_path('filemanager'),
    'url' => env('APP_URL').'/filemanager',
    'visibility' => 'public',
],

再去
config/lfm.php

'disk' => 'filemanager',  

要讓介面變成中文
就去 config/app.php

'locale' => 'zh-TW',

多國語言包在這
/vendor/unisharp/laravel-filemanager/src/lang


開幹

routes

看你放在哪個 routes 加這段進去
middleware自己調整,auth用意是可以幫你切開權限,例如id=1的user上傳,就會自動為他建立一個1的資料夾,他就只能用這個資料夾

Route::group(['prefix' => 'laravel-filemanager', 'middleware' => ['web', 'auth']], function () {
    \UniSharp\LaravelFilemanager\Lfm::routes();
});

Route::group(['middleware' => ['auth:web']], function () {
    Route::group(['prefix' => 'laravel-filemanager'], function () {
        \UniSharp\LaravelFilemanager\Lfm::routes();
    });
});

隨便啦 爽就好


html

<form action="" method="post">
   <textarea name="content"></textarea>
</form>

<!-- 版本自行到官方選一套ㄅ -->
<script src="https://cdn.ckeditor.com/4.13.1/standard/ckeditor.js"></script>
<script>

    //如果你可能是放到別的路徑 
    const prefix = "/{{ env('PREFIX') }}";

    var options = {
        filebrowserImageBrowseUrl: prefix + '/laravel-filemanager?type=Images',
        filebrowserImageUploadUrl: prefix + '/laravel-filemanager/upload?type=Images&_token={{csrf_token()}}',
        filebrowserBrowseUrl: prefix + '/laravel-filemanager?type=Files',
        filebrowserUploadUrl: prefix + '/laravel-filemanager/upload?type=Files&_token={{csrf_token()}}',
        height: 400  //高度
    };

    CKEDITOR.replace('content', options);
    
    //要載入內容就加這個吧
    const content = `{!! $content !!}`;
    CKEDITOR.instances['content'].setData(content);

</script>

好啦
就這樣
紀錄一下


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言