Question

我正在开发一个带有emberjs的系统，它需要大量的jquery插件。例如：我只需要从div制作wysiwyg编辑器。

$('.summernote').summernote();

据我所知，我需要像这样输入这些代码：

import Ember from 'ember';

export default Ember.View.extend(Ember.TargetActionSupport, {
    templateName: 'views/block-view',
    didInsertElement: function() {
       $('.summernote').summernote(); //here
    }
});

所以我需要创建新视图只是为了插入一行代码。这是对的吗？

Answer 1

在这里使用普通视图不是一个好主意。首先，视图将被折旧。其次，除了视图本身之外，您不会获得任何增值。使用组件进行此类操作会更好，更可重复使用。

假设您在凉亭文件中有夏令，您可以创建如下组件：

SummernoteEditor = Ember.Component.extend({
  didInsertElement: function() {
    this.$("textarea").summernote();
  }
});

并为该组件添加模板：

{{textarea value=text}}

然后，在你的应用程序的任何地方你都会使用：

{{summernote-editor value=myValueProperty}}

此外，如果您最终需要使用summernote进行更多灵活性，则可以向组件添加操作和方法。这样，您可以例如将有关更新，编辑等操作发送到您的控制器。

在Emberjs的意见

1 个答案: