3

我通过做一些流星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);
  }
});

但是onRendered在 quill 变量周围，控制台会抛出一个错误：“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？

谢谢！

4

1 回答 1

1

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

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

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

于 2016-11-05T06:26:48.610 回答