Ember和TinyMCE

Question

我想在Ember应用程序中使用TinyMCE组件.我的基本问题是:你如何以及在哪里提出这个问题？

模板包含textarea元素:

<textarea class='test' name="content" style="width:100%">

我需要按如下方式初始化TinyMce:

tinymce.init({
    selector: "textarea"
});

我在哪里需要做init以及如何做？在控制器init中思考,但这不能按预期工作...

App.IndexController = Ember.Controller.extend({
    init: function() {
        tinymce.init({
            selector: "textarea"
        });
    }    
});

见JSFiddle:http://jsfiddle.net/cyclomarc/wtktK/6/

希望有人能帮忙......

Answer 1

在tinymce.init您必须确保您的textarea标记在DOM中之前.在控制器初始化时,您的视图(在本例中IndexView)尚未呈现.等待视图的有效方法是didInsertElement在该视图中使用钩子.在你的情况下:

App.IndexView = Ember.View.extend({
    didInsertElement: function(){
        tinymce.init({
            selector: "textarea"
        });
    }
});