Question

我使用Iron：路由器和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

render-summernote在两个模板之间保持重复怎样才能解决这个问题？我的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();
});

这是new-post.js文件，它有效。发生的事情是，在summernote init上，编辑用id summernote替换了div，所以它不再是这个模板了。

了解详情：https://atmospherejs.com/summernote/summernote

在Iron中呈现的summernote：路由器

1 个答案: