2014-11-22 2 views
1

Итак, я работаю с Discover Meteor, и у меня проблемы.Использование summernote with meteor (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 для ввода данных в монго. Это сработало бы, но когда я попытался загрузить {{content}} в файл post_page.html, он просто покажет unrendered коды HTML. {{{content}}} будет отображаться правильно отображаемым содержимым, но испортит функциональность системы сортировки на основе голосов.

Я действительно потерялся здесь, и мне хотелось бы найти решение в ближайшее время.

Спасибо заранее!

EDIT1: Вот мой post_page.html и то, что я вижу, когда я вставляю контента: String и нагрузки с {{содержание}}

<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> 

http://i.imgur.com/Fm0CXAN.png

ответ

1

Во-первых, вы должны использовать summernote в div, а не 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>