带有 Meteor 的 QuillJS - 如何将内容插入数据库？

Question

我正在通过做一些流星JS 来学习，并且遇到了QuillJS 作为文本编辑器。现在我很难理解函数和将书面内容插入我的博客集合的方式之间的联系。

这是我尝试访问羽毛笔编辑器内容的方式：

Template.blogform.events({
  'submit #blogForm': function(e) {
    e.preventDefault();
    var title = $('#blogTitle').val();
    var body = document.querySelector('input[name=blogBody]');
    about.value = JSON.stringify(quill.getContents());

    Meteor.call('submitPost', title, body);
  }
});

但是在 quill 变量周围有 onRendered 时，控制台会抛出一个错误：“quill Invalid Quill container #editor”。 这是我对 quilljs 的初始化，我将其作为节点包加载：

Template.blogform.onRendered(function () {
var quill = new Quill('#editor', {
    modules: {
      toolbar: true
    },
    theme: "snow"
  });
});

Q1：如何将我的羽毛笔编辑器的内容插入到集合中？

Q2： 将 blogform.events 与 quill = new Quill 放在同一个文件中是最佳做法，还是应该将其拆分为 editor.js 和 blogform.js ?

谢谢！

Answer 1

错误“quill Invalid Quill container #editor”表示当您调用“new Quill('#editor', {})”时，Quill 找不到具有#editor id 的元素。

在创建编辑器之前确保您传递给 Quill 的元素存在。

我建议单独问 Q2，并将其作为流星问题，因为它与 Quill 没有特别关系。