欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

小程序自定义组件中使用 editor富文本编辑器 报错

程序员文章站 2024-03-26 13:15:59
...

描述: 一个自定义组件中使用了editor富文本编辑器的功能, 另外一个页面引用了这个页面,但是在引入的时候报错了,下面是报错的提示

VM13:1 thirdScriptError
Cannot read property 'context' of null;at SelectorQuery callback function
TypeError: Cannot read property 'context' of null

上面只是其一, 还有报错了,提示 fromat 是未定义的, 这个原因可能就是在初始化编辑器的时候 没有成功导致的,其原因还是要解决上面的错误的代码

  1. 来看看再使用editor 编辑器的一个方法,
  2. 注意这里一个方法: wx.createSelectorQuery(); 这个方法在自定义组件中要换成this.createSelectorQuery()
    onEditorReady() {
      let that = this;
      wx.createSelectorQuery().select('#editor').context(function (res) {
       that.editorCtx = res.context;
      }).exec();
    },
    // 改成
    onEditorReady() {
      let that = this;
      this.createSelectorQuery().select('#editor').context(function (res) {
       that.editorCtx = res.context;
      }).exec();
    },

这样初始化就成功了, that.editorCtx的方法和属性就都能用了 ; 如果你需要编辑器上显示多一点的 icon 可以留言 我贴出代码.
小程序自定义组件中使用 editor富文本编辑器 报错