第一个
以最小的更改完成此操作。请参阅http://jsfiddle.net/93eEr/3/
您可以将绑定处理程序命名为htmlEditable，也许这比将其命名为“lazy”更好。
注意，“input”事件并不需要每次都被绑定。当元素不可满足时，它不会触发。

@Tomalak的回答很完美，因此我投了赞成票。
但是对于那些来到这里的人，比如我自己：

• 寻找一个一次性的自定义绑定
• 它假定内容总是可编辑
• value:风格的更新（即：在模糊上）

我的建议如下：

ko.bindingHandlers.contentEditable = {
    init: function(element, valueAccessor) {
        var value = valueAccessor();

        function onBlur(){
            if (ko.isWriteableObservable(value)) {
                value(this.innerHTML);
            }
        };                

        element.innerHTML = value(); //set initial value
        element.contentEditable = true; //mark contentEditable true
        element.addEventListener('blur', onBlur); //add blur listener
    }
};

在以前我有问题的bdo解决它的这个代码.也这个代码是可用的其他contentEditable.所以我建议如下：

ko.bindingHandlers.bdoValue =
 ko.bindingHandlers.contentEditable = {
      'init': function(element, valueAccessor) {
          var updateHandler = function() {
              var modelValue = valueAccessor(),
                  elementValue = element.innerHTML;
              modelValue(elementValue);
          };
          ko.utils.registerEventHandler(element, "keyup", updateHandler);
          ko.utils.registerEventHandler(element, "input", updateHandler);
      },
      'update': function(elem, valueAccessor) {
          var value = ko.utils.unwrap(valueAccessor())||"";
          var current = elem.innerHTML;
          if (value !== current) {
              elem.innerHTML = value;    
          }
      }
   };