TinyMCE Javascript所見即所得編輯器不適用於Ember js

Question

我正在嘗試將TinyMCE與ember js一起使用。 代碼如下-

<script>
        tinymce.init({selector:'textarea'});
</script>

而且textarea在text/x-handlebars模板中，如下所示

<script type="text/x-handlebars" data-template-name="course/discussion">
 <textarea>Your content here.</textarea>  
</script>

使用以下設置，TinyMCE無法正常工作。

但是，如果我將<textarea>放在text/x-handlebars模板之外，則似乎工作正常。

當<textarea>位於車把模板內時，有關如何使TinyMCE工作的任何指針

Answer 1

將模板插入DOM后，添加一個視圖並使用didInsertElement鈎子來設置tinymce。

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

http://emberjs.com/api/classes/Ember.View.html#event_didInsertElement