前言
使用的框架是laravel5.1,是composer搭建的,可以直接配置composer,如果不是composer搭建的larave,需要先安裝composer,具體安裝發放可以參考composer中國官網,
國內最好配置中國鏡像,不然很可能下載資源失敗以及各種問題,composer中國鏡像。
安裝composer
一、配置composer.json文件,在composer.json文件的require 里面加入
"stevenyangecho/laravel-u-editor": "~1.4"
二、在命令卡運行composer update 或者 composer install (這個可以在任意地方運行 需要配置composer 的全局變量)
composer update 或者運行 composer install
不出意外的話,就會在下載富文本編輯器所需要的文件,也會出現其他意外的情況,比如下圖遇到的php擴展的問題,
這個是富文本上傳文件用到的一個fileinfo擴展,如果沒有安裝需要安裝,安裝過了只需要在php.ini文件里面去除下面這個擴展之前的分號注釋,重啟服務即可。
extension=php_fileinfo.dll
三、配置config/app.php文件
在 "providers" 這個key 最后加上
Stevenyangecho\UEditor\UEditorServiceProvider::class
在"aliases" 這個key最后加上
'UEditor'=>Stevenyangecho\UEditor\UEditorServiceProvider::class
四、注冊工具接口,在命令行運行
php artisan vendor:publish
到此laravel-u-editor 富文本編輯器就安裝好了,可以去項目config目錄下看是否成成UEditorUpload.php這個文件,這個是富文本編輯器的配置文件,可以配置文件上傳路徑等。
五、使用編輯器
①在需要使用編輯器的地方加入如下代碼
<div id="ueditor" class="edui-default"> @include('UEditor::head') </div>
②加入js文件,在視圖的最后加入如下代碼
@section('script') <script id="ueditor"></script> <script> var ue=UE.getEditor("ueditor"); ue.ready(function(){ //因為Laravel有防csrf防偽造攻擊的處理所以加上此行 ue.execCommand('serverparam','_token','{{ csrf_token() }}'); }); </script> @stop