需求:一个表单页内有个自定义editor组件,提交之后生成一条数据,点击这条数据能够回显之前editor组件提交的内容,并且可以再次编辑提交。
前提:自定义editor组件是由原生小程序editor的基础上封装的(因原生editor包含的文件较多,用起来比较混乱,所以封装成组件方便调用)。
组件方法(用来设置editor内容):
setHtml(html) {
this.createSelectorQuery().select('#editor').context((res)=> {
this.editorCtx = res.context
if(!res) return
this.editorCtx.setContents({
html: html
})
}).exec()
},
页面传值(获取到数据之后调用组件的方法把值传给组件)
const editor = this.selectComponent('#editor')
editor.setHtml(data.description)
本文只针对自定义editor内容回显做了讲解,关于封装原生ediotr不懂的可以留言哦!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。