配置服务端接口
【注意】如果上传图片遇到问题,请打开浏览器开发者工具,查看 console.error
输出的错误信息。
配置接口
const E = window.wangEditor
const editor = new E('#div1')
// 配置 server 接口地址
editor.config.uploadImgServer = '/upload-img'
editor.create()
配置完成之后,编辑器的图片菜单,会显示上传图片的 tab 和图标,如下图。
server 接口返回格式,重要!!!
接口要返回 application/json
格式,格式要求如下:
{
// errno 即错误代码,0 表示没有错误。
// 如果有错误,errno != 0,可通过下文中的监听函数 fail 拿到该错误码进行自定义处理
"errno": 0,
// data 是一个数组,返回图片Object,Object中包含需要包含url、alt和href三个属性,它们分别代表图片地址、图片文字说明和跳转链接,alt和href属性是可选的,可以不设置或设置为空字符串,需要注意的是url是一定要填的。
"data": [
{
url: "图片地址",
alt: "图片文字说明",
href: "跳转链接"
},
{
url: "图片地址1",
alt: "图片文字说明1",
href: "跳转链接1"
},
"……"
]
}