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"
        });
    }
});