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