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

标签 javascript mongodb meteor quill

我通过做一些 meteorJS 来学习,并且遇到了 QuillJS 作为文本编辑器。现在我很难理解函数与将书面内容插入我的博客收藏的方式之间的联系。

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

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:如何将我的 quill 编辑器的内容插入到集合中?

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

谢谢!

最佳答案

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

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

我建议单独询问 Q2 并作为 meteor 问题,因为它与 Quill 没有特别相关。

关于javascript - 带有 Meteor 的 QuillJS - 如何将内容插入数据库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40433361/

相关文章:

meteor - Meteor React.js 教程第 2 部分中的应用程序崩溃

Javascript Apexchart x 轴标题始终位于错误位置

javascript - asp.net IE 10 中预期的对象

javascript - react - 类型错误 : Cannot read property 'trim' of undefined

java - 操作 mongodb 中与正则表达式搜索匹配的字符串

javascript - Meteor - Template.currentData() 没有反应?

带有标签和 ID 的 Javascript 变量声明

python - 如何使用 Python 从 MongoDB 中的此文档中删除值

mongodb - 错误 : mongodb. jdbc.MongoDriver 未加载。你确定你已经包含了正确的 jdbc 驱动程序

javascript - 无法读取未定义的属性 'createTransport'