TinyMCE Javascript WYSIWYG编辑器不与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

添加视图并使用didInsertElement挂钩在模板插入DOM后设置tinymce。

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

  

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