在 Iron:Router 中呈现的 summernote

Question

我使用 Iron:Router 和 summernote，但它们似乎无法正常工作。开始于：

<div id="summernote"></div>

由

渲染

Template.newPost.rendered = function(){
$('#summernote').summernote({height: 500});
}

路由器已定义

Router.route('/home', {name: 'home'});
Router.route('/new-post', {name: 'newPost'})

当我在 2 个模板之间切换时，会发生这种情况： http://i.stack.imgur.com/sLbCH.png

rendered-summernote 不断在 2 个模板之间复制如何解决这个问题？我的 Git 回购 GitHub

谢谢:)

Answer 1

Template.newPost.rendered = function(){
    $('#summernote').summernote({height: 500});

}

Template.newPost.events({
   'click #submit': function (event) {
     event.preventDefault();
     //var title = $('#titleInput').val()
     var content = $('#summernote').code()
     console.log(title);
     var post = {
     //title: title,
     content: content
     };
     console.log(post);
     return false;
   }
 });


Template.newPost.onDestroyed(function() {
    $('#summernote').destroy();
});

那是新的-post.js 文件，它可以工作。发生的事情是，在 summernote init 上，编辑器将 div 替换为 id summernote，因此它不再真正在此模板中了。

阅读更多：https://atmospherejs.com/summernote/summernote

在 Iron:Router 中呈现的 summernote

summernote rendered in Iron:Router

meteor

summernote