ember.js - 新资源中的 TinyMCE

Question

我是 Ember 的新手。

我尝试在我的项目中使用 TinyMCE。

<script type="text/x-handlebars">
  {{outlet}}
</script>

<script type="text/x-handlebars" id="index">
  Hi
</script>

<script type="text/x-handlebars" id="editor">
  <form method="post" class="tinymce">
   <textarea></textarea>
  </form>
</script>

我的 app.js：

App = Ember.Application.create({});

App.Router.map(function() {
  this.resource('editor', function () {
    tinymce.init({
      selector: ".tinymce",
      menubar:false,
      statusbar: false,
    });
  });
});

如果我打开www.site.com/index.html#/editor1 TinyMCE工作。如果www.site.com并单击链接到编辑器 TinyMCE 不起作用（简单的文本区域）。

我试过这个：

App.TransactionsView = Ember.View.extend({
  templateName: 'editor',

  didInsertElement: function(){
    tinymce.init({
      selector: ".tinymce",
      menubar:false,
      statusbar: false,
    });
  }
});

没有什么。

我怎样才能做到这一点？

Answer 1

你非常接近你的观点。而不是调用它TransactionsView，只需调用它EditorView（并删除template属性），你应该很高兴。

App.EditorView = Ember.View.extend({
  didInsertElement: function(){
    tinymce.init({
      selector: ".tinymce",
      menubar:false,
      statusbar: false,
    });
  }
});

这是一个 JSBin：http: //jsbin.com/UVONuTU/1/edit