Javascript contenteditable和emberjs

我有一个contentEditable视图，当我聚焦时，我会输入html并保存它

但是，当我从contenteditable中删除所有文本，然后将其调出焦点时，就会出现错误

Uncaught Error: Cannot perform operations on a Metamorph that is not in the DOM. 

请查看此JSFIDLE并删除value1文本并将焦点放在外

有人能帮忙吗

致意

---

Rick

您的

EditableView

设置与其

内容的显示绑定。value

：

<script type="text/x-handlebars" data-template-name="editable"> 
   {{view.content.value}}
</script>

下面是一个JSFIDLE，其中包含此解决方案的演示：

---

（当然，您也可以使用

Ember.TextField

，它使用常规输入字段，并提供所有绑定魔法，如果您只需要这些的话。）

听起来可能是个bug。你可以尝试在github上报告，尤其是因为你有一把小提琴可以复制它。谢谢Julian D。我以前也这么做过，但我想看看是否可以使用ember来更新内容，而不是自己更新内容。我会回到你的解决方案！

App.EditableView = Em.View.extend({
    contenteditable: "true",
    attributeBindings: ["contenteditable"],

    _observeContent: (function() {
        this._displayContent();
    }).observes('content.value'),

    didInsertElement: function() {
        this._displayContent();
    },
    _displayContent: function() {
        this.$().html(this.get('content.value'));
    },
    ...