emberjs绑定和jwysiwyg

Question

我想使用带有Ember.TextArea http://emberjs.com/的jwysiwyg jQuery插件https://github.com/akzhan/jwysiwyg，但是我似乎不能让绑定工作：

考虑下面的例子，我使用runloop在绑定触发后调用.jwysiwyg jQuery插件(这样它就包含了正确的数据)。

我不确定如何描述我的问题，但简单地说，我不能让数据以另一种方式流动……即。当我更新文本区域(现在是一个html编辑器)中的数据时，模型不会更新。

<script>
    App = Ember.Application.create();

    App.entry = Ember.Object.create({
      sometext: "some demo text in here"
    });

    App.HTMLField = Ember.TextArea.extend({ 
        valueBinding: "App.entry.sometext",
        didInsertElement: function() {
            this._super();
            Ember.run.schedule('actions', this, function(){
                this.$().wysiwyg();
            });
        }
    });
</script>

<!-- place view in page -->
<script type="text/x-handlebars">
    <p>
      {{App.entry.sometext}}
    </p>
    <p>
      {{view App.HTMLField}}
    </p>
</script>

有谁知道解决这个问题的办法吗？建议一种解决办法？.有什么建议吗？...有什么能帮上忙的吗？

Answer 1

像这样的代码应该能做到：

App.HTMLField = Ember.TextArea.extend({
    didInsertElement: function() {

        this._super();

        var self = this;
        Ember.run.schedule('actions', this, function(){
            this.$().wysiwyg({
                events: {
                    save: function( ) {
                        var c = this.getContent();
                        self.set('value', this.getContent() );
                    },
                },
            });
        });
    }
});