QuillJS with Meteor - 如何向db插入内容?

时间:2016-11-05 00:02:02

标签: javascript mongodb meteor quill

我正在学习一些meteorJS并且作为文本编辑器遇到了QuillJS。现在,我很难理解函数与将书面内容插入Blog-Collection的方式之间的联系。

这就是我尝试访问主题编辑器内容的方式:

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无效的Quill容器#编辑器" 。 这是我对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 ?

谢谢!

1 个答案:

答案 0 :(得分:1)

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

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

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