javascript - TinyMCE Javascript WYSIWYG 编辑器无法与 Ember js 一起使用

Question

我正在尝试将 TinyMCE 与 ember js 一起使用。代码如下 -

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

文本区域位于 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 工作的任何指示位于 Handlebars 模板内

Answer 1

添加 View 并在模板插入到 DOM 后使用 didInsertElement Hook 设置tinymce。

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

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