将 Summernote 编辑器与 Meteor 一起使用

Question

我在我的 html 正文中包含以下内容：

{{> editor}}

和下面的模板

<template name="editor">
    <div id="summernote">Hello Summernote</div>
</template>

在我的 javascript 代码中，我有以下内容：

Template.editor.onRendered(function()
{
 this.$('.summernote').summernote();
});

我看到的是以下内容，而不是完整的 Summernote 富文本编辑器。我做错了什么？

Answer 1

您的元素有一个 id 'summernote'，但您的选择器正在寻找一个带有 class 或 'summernote' 的元素

将您的选择器更改为$('#summernote')，如下所示：

Template.editor.onRendered(function() {
  this.$('#summernote').summernote();
}