微信小程序编辑器editor初始化内容及对象存储到数据库

最近做了个小程序,用到微信小程序的Editor编辑器。
问题来了,我需要editor初始化编辑器的内容,也就是editor初始化编辑器内容

微信接口的官方文档是这样子写的
delta 表示内容的delta对象

那我要把想要初始化到编辑器上的内容对应的delta对象给存到数据库上面,需要初始化的时候再拿delta对象出来初始化。

这里涉及到一个问题,因为要把delta对象存到数据库,那么就要进行序列化对象,把对象转换为可以存储到数据库的操作,算是讲对象转换为字符串的一个操作,等小程序需要初始化的时候,接收从数据库返回的字符串并且把它反序列化转换为delta对象

这是Python将delta序列化的代码
那么此时此刻delta序列化之后就能存入数据库了

序列化

delta = json.dumps(delta)  # 序列化

反序列化


//反序列化
delta:JSON.parse(res.data.delta)


编辑器初始化代码


    onEditorReady() {
      console.log("编辑器初始化")
      const that = this
      console.log(that.data.delta,"delta数据")
      wx.createSelectorQuery().select('#editor').context(function (res) {
        that.editorCtx = res.context;
        that.editorCtx.setContents({
          delta:that.data.delta
        })
      }).exec()
      
    },

微信小程序的editor初始化内容

  • 将delta存到数据库
  • 初始化到时候可以通过delta来进行初始化内容
  • 后端通过json.dumps(delta)序列化对象
  • 前端通过JSON.parse(res.data.delta)反序列化

序列化

将对象转换为可存储到数据库的操作

delta = json.dumps(delta) # 序列化

反序列化

将字符串转换为对象的操作

delta:JSON.parse(res.data.delta)

更新时间:2020-10-26 17:44:07

本文由 菜鸡音宫 创作,如果您觉得本文不错,请随意赞赏
采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名
原文链接:https://www.hicaiji.com/archives/mnp-editor-init
最后更新:2020-10-26 17:44:07

Your browser is out of date!

Update your browser to view this website correctly. Update my browser now

×