百度编辑器-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里面的代码,重写继承,重写控制器方法

目录
相关文章
|
3月前
|
开发框架 JavaScript 前端开发
百度富文本编辑器配置(vue3)
百度富文本编辑器配置(vue3)
|
3月前
|
Ubuntu Linux
百度搜索:蓝易云【Linux设置默认编辑器(qbit)】
现在,你已经成功将默认编辑器设置为qbit。在终端中输入 `editor`命令或打开文本文件时,系统将使用qbit作为默认编辑器来打开文件。请注意,`update-alternatives`命令还可以用于设置其他默认应用程序。
95 3
|
JSON 数据格式
layui富文本编辑器文档layedit组件的调用和图片上传接口的使用
layui富文本编辑器文档layedit组件的调用和图片上传接口的使用
398 0
|
存储 JavaScript 前端开发
【前端系列】- 富文本组件(mavon-editor)
mavon-editor是一款基于vue的markdown编辑器,可以用来做文本的编辑,比如是某种业务需要发送公告、个人博客等,都可以用到,操作也十分简单。
3612 0
【前端系列】- 富文本组件(mavon-editor)
|
4天前
Vue3项目引入 vue-quill 编辑器组件并封装使用
本文介绍了如何在Vue3项目中引入并封装使用`vue-quill`富文本编辑器组件,包括安装配置、父页面实现、子组件设计以及使用方法和效果展示。
85 0
Vue3项目引入 vue-quill 编辑器组件并封装使用
|
4天前
|
前端开发 算法
ProFlow 流程编辑器框架问题之FlowView 组件中添加节点和边缘数据如何解决
ProFlow 流程编辑器框架问题之FlowView 组件中添加节点和边缘数据如何解决
8 0
文本---富文本编辑器------Vue3使用富文本编辑器,Quill,全局样式和组件和样式的写法
文本---富文本编辑器------Vue3使用富文本编辑器,Quill,全局样式和组件和样式的写法
|
2月前
ueditor1.5 百度富文本 编辑器增加字间距功能及按钮
ueditor1.5 百度富文本 编辑器增加字间距功能及按钮
23 0
|
JavaScript
vsCode编辑器Vue使用el-upload上传组件标签名变成上传图标
vsCode编辑器Vue使用el-upload上传组件标签名变成上传图标
221 0
|
移动开发 小程序 JavaScript
微信小程序学习实录5(H5嵌入小程序、map组件、地图调起功能、腾讯百度高德导航页、返回web-view页)
微信小程序学习实录5(H5嵌入小程序、map组件、地图调起功能、腾讯百度高德导航页、返回web-view页)
432 0