在Meteor上使用Summernote编辑器

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();
}