u-editor(百度編輯器)組件
一個用 EasySwoole
實現(xiàn)的百度富文本編輯器組件,開箱即用,用戶使用幾行簡單的代碼就可以輕松使用富文本編輯器。
組件要求
- php: >= 7.1
- easyswoole/http-client: ^1.3
安裝
composer require easyswoole/u-editor
倉庫地址
基本使用方法
新增一個控制器,繼承 EasySwoole\UEditor\UEditorController
。
<?php
namespace App\HttpController;
use EasySwoole\Http\AbstractInterface\Controller;
use EasySwoole\UEditor\UEditorController;
class UEditor extends UEditorController
{
}
該控制器請求地址為:/UEditor
修改百度編輯器 ueditor.config.js
=> window.UEDITOR_CONFIG
=> serverUrl = URL + "/UEditor"
如圖
即可直接使用。
補充說明
百度編輯器前端初始化后,會通過 ueditor.config.js
獲取配置,通過獲取到的服務(wù)器路徑,前端就可以去請求,請求格式為:服務(wù)器路徑 + "?action=操作方法"。
前端請求路徑示例:http://127.0.0.1:9501/UEditor?action=config&&noCache=1587973402520
前端請求之后,將通過 UEditorController
的 index
方法進(jìn)行識別 action
,轉(zhuǎn)發(fā)到不同的請求邏輯上,實現(xiàn)百度編輯器的后端接口。
自定義使用方法
在 EasySwoole\UEditor\UEditorController
控制器中,有默認(rèn)的實現(xiàn)方法,如果你需要修改配置,可以通過重寫控制器方法進(jìn)行修改,實現(xiàn)自定義配置。
保存路徑
默認(rèn)保存路徑為 EASYSWOOLE_ROOT . '/Static'
。可通過屬性繼承 $rootPath
來修改默認(rèn)的保存路徑。
權(quán)限控制實現(xiàn)
本組件默認(rèn)控制器的實現(xiàn)是繼承 EasySwoole\Http\AbstractInterface\Controller
,如果你有需要登錄用戶上傳等權(quán)限驗證的需求,可以直接復(fù)制 EasySwoole\UEditor\UEditorController
里面的代碼,然后重新實現(xiàn)自定義控制器并繼承 EasySwoole\Http\AbstractInterface\Controller
,然后重寫控制器的方法,即可實現(xiàn)權(quán)限控制。