百度编辑器-easyswoole组件版

简介: 百度编辑器-easyswoole组件版

百度编辑器是一款非常优秀的开源在线的html编辑器.

但由于历史悠久,提供的sdk源码不能使用composer安装,也不支持cli模式.更不支持swoole协程环境了.

所以本人根据百度编辑器的代码,写出了一个可以在cli,easyswoole环境下使用的composer包.

地址:  https://github.com/easy-swoole/u-editor

安装方法:

composer require easyswoole/u-editor

该组件只支持easyswoole环境,如果需要支持其他swoole环境,需要自行修改

使用方法

新增一个控制器,继承EasySwoole\UEditor\UEditorController.

<?phpnamespace 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里面的代码,重写继承,重写控制器方法

目录
相关文章
|
JSON 数据格式
layui富文本编辑器文档layedit组件的调用和图片上传接口的使用
layui富文本编辑器文档layedit组件的调用和图片上传接口的使用
460 0
|
存储 JavaScript 前端开发
【前端系列】- 富文本组件(mavon-editor)
mavon-editor是一款基于vue的markdown编辑器,可以用来做文本的编辑,比如是某种业务需要发送公告、个人博客等,都可以用到,操作也十分简单。
4048 0
【前端系列】- 富文本组件(mavon-editor)
|
3月前
|
JavaScript 前端开发 API
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
本文介绍了如何在Vue 3项目中使用v-md-editor组件库来创建markdown编辑器和预览组件。文章提供了安装步骤、如何在main.js中进行全局配置、以及如何在页面中使用VMdEditor和VMdPreview组件的示例代码。此外,还提供了一个完整示例的链接,包括编辑器和预览组件的使用效果和代码。
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
|
4月前
Vue3项目引入 vue-quill 编辑器组件并封装使用
本文介绍了如何在Vue3项目中引入并封装使用`vue-quill`富文本编辑器组件,包括安装配置、父页面实现、子组件设计以及使用方法和效果展示。
1009 0
Vue3项目引入 vue-quill 编辑器组件并封装使用
|
4月前
|
前端开发 算法
ProFlow 流程编辑器框架问题之FlowView 组件中添加节点和边缘数据如何解决
ProFlow 流程编辑器框架问题之FlowView 组件中添加节点和边缘数据如何解决
56 0
文本---富文本编辑器------Vue3使用富文本编辑器,Quill,全局样式和组件和样式的写法
文本---富文本编辑器------Vue3使用富文本编辑器,Quill,全局样式和组件和样式的写法
|
JavaScript
vsCode编辑器Vue使用el-upload上传组件标签名变成上传图标
vsCode编辑器Vue使用el-upload上传组件标签名变成上传图标
262 0
|
移动开发
华为Mate60钉钉App内置浏览器中使用“@kangc/v-md-editor"组件,功能不正常
华为Mate60钉钉App内置浏览器中使用“@kangc/v-md-editor"组件,功能不正常
189 1
|
前端开发 C# 开发工具
Unity快手上手【熟悉unity编辑器,C#脚本控制组件一些属性之类的】
Unity快手上手【熟悉unity编辑器,C#脚本控制组件一些属性之类的】
156 0
|
存储 JSON JavaScript
v-md-editor详解(MarkDown编辑器组件)
v-md-editor详解(MarkDown编辑器组件)
1733 0