ember.js - Ember 和 TinyMCE

Question

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

模板包含文本区域元素:

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

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

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

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

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

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

希望有人能帮忙...

Answer 1

在 tinymce.init 之前，您必须确保您的 textarea 标记位于 DOM 中。当您的 Controller 初始化时，您的 View (在本例中为 IndexView)尚未呈现。等待 View 渲染的有效方法是在该 View 中使用 didInsertElement Hook 。对于您的情况:

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