Laravel-使用富文本編輯器UEditor

安裝組件的方法如下：（當然需要你有composer）

• 直接命令行：或者在composer.json中的require中插入"stevenyangecho/laravel-u-editor": "^1.4"
• 執行composer install或者composer update。組件成功遷入後執行如下配置。

• 打開框架下的config/app.php配置服務提供者

• 在providers下插入：Stevenyangecho\UEditor\UEditorServiceProvider::class,

• 保存退出後在控制檯執行運行

• php artisan vendor:publish

• 這一切成功後你的項目目錄下的config目錄下會生成一個UEditorUpload.php文件，public目錄下會生成一個目錄laravel-u-editor。

如圖生成文件;

UEditorUpload.php文件是組件文件上傳的一個配置文件。裏面必須配置的有如下內容：

// 'middleware' => 'auth',

'mode'=>'qiniu',//上傳方式,local 爲本地  qiniu 爲七牛

//七牛配置,若mode='qiniu',以下爲必填.

'qiniu'=>[

'accessKey'=>'accessKey',

'secretKey'=>'secretKey',

'bucket'=>'bucket',

'url'=>'url',//七牛分配的CDN域名,注意帶上http://

使用方法,如下代碼：

這個是內容編輯頁面的視圖：

<div class="col-sm-10">
    @include('vendor.UEditor.head')
    <!-- 加載編輯器的容器 -->
    <script id="container" name="content" type="text/plain" style='width:100%;height:300px;'>
        {!! html_entity_decode($article->content) !!}
    </script>
    <!-- 實例化編輯器 -->
    <script type="text/javascript">
        var ue = UE.getEditor('container');
        ue.ready(function(){
            ue.execCommand('serverparam', '_token', '{{ csrf_token() }}'); 
        });
    </script>
</div>

這裏引入js腳本：

@include('vendor.UEditor.head')

內容添加頁面去掉 ：

{!! html_entity_decode($article->content) !!}

這裏定義編輯器界面高寬：

style='width:100%;height:300px;'

這裏實例化編輯器：

var ue = UE.getEditor('container');

這裏添加laravel安全token：

ue.execCommand('serverparam', '_token', '{{ csrf_token() }}');