选择一种颜色吧
局部定制

选择区域,更换背景

egg-ueditor,基于egg

精品推荐
product-image
  • 收藏
  • 加入购物车
product-image
  • 收藏
  • 加入购物车
product-image
  • 收藏
  • 加入购物车
基于egg的UEditor百度编辑器后端实现,支持图片/文件上传、列表及图片远程抓取 21/10/2020
news-image

egg-ueditor

基于egg的UEditor百度编辑器后端实现,支持图片/文件上传、列表及图片远程抓取
源码:https://github.com/inmyjs/egg-ueditor

安装

 npm install egg-ueditor --save

使用方法

  1. 在app/router.js中如下使用

const ueditor = require('egg-ueditor')app.all('/ueditor', ueditor())

注意:默认上传至egg静态资源目录app/public,若需要上传至其他目录,如下使用:

app.all('/ueditor', ueditor(['assets/public','public']))

参数为一个数组,第1个参数为静态资源相对目录,第2个参数为静态资源url映射路径。

返回的图片/文件url为完整http地址,以方便前后端分布部署,比如:http://127.0.0.1:7001/public/upload/ueditor/image/20181223/1545560529310279850.png

  1. 可以修改 UEditor 配置,具体的参数请参考 UEditor 官方的文档

// 需要传UEditor 配置对象router.all('/ueditor', ueditor({
	"imageAllowFiles": [".png", ".jpg", ".jpeg"]
	"imagePathFormat": "/upload/ueditor/image/{yyyy}{mm}{dd}/{filename}"  // 保存为原文件名}))

或者

// 需要传UEditor 配置对象router.all('/ueditor', ueditor(['app/public','public'],{
	"imageAllowFiles": [".png", ".jpg", ".jpeg"]
	"imagePathFormat": "/upload/ueditor/image/{yyyy}{mm}{dd}/{filename}"  // 保存为原文件名}))

注意

由于egg对post默认有CSRF 校验,所以前端的上传地址需要这样写:
serverUrl: “/ueditor?_csrf={{ ctx.csrf | safe }}”
如果前后端是分离的,那就这样写:
let csrf = $.cookies.get(‘csrfToken’);
serverUrl: “/ueditor?_csrf=”+csrf
详细说明请查看 https://eggjs.org/zh-cn/core/security.html

非常感谢您的支持

撸码不易,如果对你有所帮助,欢迎您的赞赏!微信赞赏码:


注重安全

信息安全防护

客户至上

最大程度满足客户需求

专业开发

没有做不到,只有想不到

高效快速

扁平化管理,极速反应