小程序自定义组件中使用 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 是未定义的, 这个原因可能就是在初始化编辑器的时候 没有成功导致的,其原因还是要解决上面的错误的代码
- 来看看再使用editor 编辑器的一个方法,
- 注意这里一个方法: 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 可以留言 我贴出代码.
下一篇: 如何自定义WordPress编辑器样式