u-editor(百度編輯器)組件
一個用 EasySwoole
實現的百度富文本編輯器組件,開箱即用,用戶使用幾行簡單的代碼就可以輕松使用富文本編輯器。
組件要求
- 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
獲取配置,通過獲取到的服務器路徑,前端就可以去請求,請求格式為:服務器路徑 + "?action=操作方法"。
前端請求路徑示例:http://127.0.0.1:9501/UEditor?action=config&&noCache=1587973402520
前端請求之后,將通過 UEditorController
的 index
方法進行識別 action
,轉發到不同的請求邏輯上,實現百度編輯器的后端接口。
自定義使用方法
在 EasySwoole\UEditor\UEditorController
控制器中,有默認的實現方法,如果你需要修改配置,可以通過重寫控制器方法進行修改,實現自定義配置。
保存路徑
默認保存路徑為 EASYSWOOLE_ROOT . '/Static'
。可通過屬性繼承 $rootPath
來修改默認的保存路徑。
權限控制實現
本組件默認控制器的實現是繼承 EasySwoole\Http\AbstractInterface\Controller
,如果你有需要登錄用戶上傳等權限驗證的需求,可以直接復制 EasySwoole\UEditor\UEditorController
里面的代碼,然后重新實現自定義控制器并繼承 EasySwoole\Http\AbstractInterface\Controller
,然后重寫控制器的方法,即可實現權限控制。