ember.js - Ember 和 TinyMCE

Question

我想在 Ember 应用程序中使用 TinyMCE 组件。我的基本问题是：如何以及在哪里初始化 tinymce ？

模板包含 textarea 元素：

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

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

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

我需要在哪里进行初始化以及如何进行？在控制器初始化中思考，但这并没有按预期工作......

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