2020.04.12

• 一、安装
• 二、github下载demo包
• 三、使用
• 四、实现业务逻辑
• 五、实例化编辑器

一、安装

npm install koa2-ueditor --save

二、github下载demo包

下载 koa2-ueditor的demo
下载地址：https://github.com/sealice/koa2-ueditor

==下载完成以后把官方例子中的public->ueditor 复制过来。

三、使用

使用简单，只需传一个静态目录参数。不传则默认是public
// 直接写路由
// 然后修改 web 端的 ueditor.config.js 配置 serverUrl 为对应路由地址
// serverUrl: “/editor/controller”

const router = require(‘koa-router’)()
const ueditor = require(‘koa2-ueditor’)

router.all(’/editor/controller’, ueditor(‘public’))

四、实现业务逻辑

可以修改 UEditor 配置，具体的参数请参考 UEditor 官方的 config.json
配置 koa2-ueditor 模块

// 需要传一个数组：静态目录和 UEditor 配置对象
// 比如要修改上传图片的类型、保存路径
router.all('/editor/controller', ueditor(['public', {
"imageAllowFiles": [".png", ".jpg", ".jpeg"]
"imagePathFormat": "/upload/ueditor/image/{yyyy}{mm}{dd}/{filename}"  // 保存为原文件名
}]))

五、实例化编辑器

var ue = UE.getEditor('editor');

编辑器放入内容
var ue= UE.getEditor(‘editor’);
ueditor.addListener(“ready”, function (){
ueditor.setContent(

{{@list.content}}

这里还有ueditor的插件，可供参考：
http://ueditor.baidu.com/website/thirdproject.html