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

描述: 一个自定义组件中使用了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 可以留言 我贴出代码.
在这里插入图片描述

  • 7
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值