需求:一个表单页内有个自定义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不懂的可以留言哦!


置酒高殿上
24 声望0 粉丝