TinyMCE Javascript所见即所得编辑器不能与Ember js一起工作

TinyMCE Javascript WYSIWYG editor not working with Ember js

本文关键字:Ember js 一起 工作 不能 Javascript 所见即所得 编辑器 TinyMCE      更新时间:2023-09-26

我正在尝试使用timymce与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模板之外,它似乎工作得很好。

关于我如何使TinyMCE工作时,<textarea>是在车把模板

在模板插入DOM后,添加一个视图并使用didInsertElement钩子来设置tinymce

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

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