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