javascript - 在 Meteor 中使用 Summernote 编辑器

标签 javascript meteor summernote

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

{{> editor}}

和下面的模板

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

在我的 javascript 代码中,我有以下内容:

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

我看到的不是完整的 summernote 富文本编辑器。我做错了什么?

enter image description here

最佳答案

您的元素的 id 为 'summernote',但您的选择器正在寻找具有 class 或 'summernote' 的元素

将选择器更改为 $('#summernote'),如下所示:

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

关于javascript - 在 Meteor 中使用 Summernote 编辑器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33623857/

相关文章:

javascript - 如何从一个子for​​each中获取值并将其放入父循环并随机排列数组中的所有值

javascript - Meteor:为模板选择自定义 javascript 和自定义 css

css - Meteor Bootstrap 节点模块覆盖我自己的 css

javascript - Summernote - 段落按钮未显示用于选择组件的下拉菜单

javascript - 选择除 Summernote div 内的元素之外的所有输入

javascript - 使用 input1 中的值自动完成 input2

javascript - 在 HTML 正文中显示 javascript 值

image - Summernote 显示已上传到文件夹的图像

javascript - 需要改变不透明度 : 0 to 1 slowly with animation using jquery

javascript - 调用结果下发异常 'login' : ReferenceError: err is not defined