新资源中的TinyMCE

Question

我是Ember中的新成员。

我尝试在我的项目中使用TinyMCE。

<script type="text/x-handlebars"> 
    {{outlet}} 
</script> 

<script type="text/x-handlebars" id="index"> 
    Hi 
</script> 

<script type="text/x-handlebars" id="editor"> 
    <form method="post" class="tinymce"> 
    <textarea></textarea> 
    </form> 
</script> 

我app.js：

App = Ember.Application.create({}); 

App.Router.map(function() { 
    this.resource('editor', function() { 
    tinymce.init({ 
     selector: ".tinymce", 
     menubar:false, 
     statusbar: false, 
    }); 
    }); 
}); 

如果我打开www.site.com/index.html#/editor1 TinyMCE作品。如果www.site.com并单击链接到编辑器TinyMCE不起作用（简单文本区）。

我尝试这样做：

App.TransactionsView = Ember.View.extend({ 
    templateName: 'editor', 

    didInsertElement: function(){ 
    tinymce.init({ 
     selector: ".tinymce", 
     menubar:false, 
     statusbar: false, 
    }); 
    } 
}); 

没有。

我该怎么做？

Answer 1

你非常接近你的视野。而不是叫它TransactionsView，只是叫它EditorView（并且放弃template属性），你应该很好去。

App.EditorView = Ember.View.extend({ 
    didInsertElement: function(){ 
    tinymce.init({ 
     selector: ".tinymce", 
     menubar:false, 
     statusbar: false, 
    }); 
    } 
}); 

这里有一个JSBin：http://jsbin.com/UVONuTU/1/edit