javascript - 将 Summernote 与 Meteor 结合使用(发现 Meteor)

Question

所以，我一直在使用 Discover Meteor，但遇到了问题。

我正在尝试将在 Summernote 中输入的内容插入到 mongo 中，但遇到了一些问题。

post_submit.html

<div class="form-group {{errorClass 'content'}}">
     <textarea class="form-control" name="content" id="summernote"></textarea>               
</div>

post_submit.js

var post = {
  url: checkURLPrefix( $(e.target).find('[name=url]').val() ),
  title: $(e.target).find('[name=title]').val(),
  content: $(e.target).find('[name=content]').val()
};

lib/posts.js(提交时会提示 Match Failed 错误)

meteor.methods({
  postInsert: function(postAttributes) {
    check(this.userId, String);
    check(postAttributes, {
      title: String,
      url: String,
      content: function(content){$('[name=content]').html($('#summernote').code());}  
    });

我尝试过 content: String 将数据输入到 mongo 中。它可以工作，但是当我尝试在 post_page.html 文件中加载 {{content}} 时，它只会显示未渲染的 HTML 代码。 {{{content}}} 会显示正确呈现的内容，但会扰乱基于投票的排序系统的功能。

我真的迷失了方向，希望能尽快找到解决方案。

提前谢谢您!

EDIT1:这是我的 post_page.html 以及我在插入内容时看到的内容:字符串并使用 {{content}} 加载

<template name="postPage">
  {{> postItem}}

    <div class="col-md-12" style="background:blue;">

        {{content}}

    </div>    

  <ul class="comments">
    {{#each comments}}
      {{> commentItem}}
    {{/each}}
  </ul>

  {{#if currentUser}}
    {{> commentSubmit}}
  {{else}}
    <p>Please log in to leave a comment.</p>
  {{/if}}
</template>

/image/BbLLX.png

Answer 1

首先:您应该在 div 中使用 Summernote，而不是 textarea。

在 post_submit.js 中，您必须像这样保留它:

var post = {
    ...
    content: $(e.target).find('#summernote').code()
};

在您的 post_page.html 中使用三重括号，因为它是 HTML。

<div class="col-md-12" style="background:blue;">
    {{{content}}}
</div>