Knockout：避免绑定中的循环更新

我有一个与接口交互的自定义​​绑定Scribe https://github.com/guardian/scribe，一个内容可编辑的所见即所得编辑器。当编辑器内容发生变化时，它会更新关联的可观察量，并在关联的可观察量发生变化时更新编辑器：

ko.bindingHandlers.editor = {
  init: function(element, valueAccessor) {
    var $element    = $(element),
        content     = ko.unwrap(valueAccessor()),
        scribe;

    // create a new editor instance
    scribe = new Scribe(element);

    // store it for later access in our 'update' handler
    $element.data('scribe', scribe);

    // set the initial editor content
    scribe.setContent(content);

    // update the observable whenever the editor changes
    scribe.on('content-changed', function() {
      var observable  = valueAccessor(),
          content     = scribe.getHTML();

      observable(content);
    });
  },
  update: function(element, valueAccessor) {
    var $element    = $(element),
        content     = ko.unwrap(valueAccessor());

    // update the editor content when the observable changes
    $element.data('scribe').setContent(content);
  }
};

问题是这样的：

1. 用户在编辑器中输入
2. 编辑器组件发送“已更改”事件
3. 事件处理程序更新可观察的
4. 绑定的“更新”处理程序被触发，将更改写回编辑器

通常这没什么大不了的，只是没有必要。但就我而言，editor.setContent具有将光标位置重置到输入开头的副作用 -你输入的所有内容都会被反转 http://gfycat.com/ShockingRequiredCormorant.

当且仅当可观察对象在应用程序中的其他位置发生更改时，我需要更新编辑器。我正在寻找的是一种避免使用最初源自编辑器本身的更改来更新编辑器的方法。

如何才能最好地避免这些循环更新？

Update:我找到了一种明显的方法来回避眼前的问题 - 在更新处理程序中，只需在进行更新之前将可观察内容与当前编辑器内容进行比较即可：

  if ($element.data('scribe').getHTML() !== content) {
    $element.data('scribe').setContent(content);
  }

如果只是为了避免不必要的更新调用，我仍然对一般答案感兴趣。

基于RP尼迈耶推荐 https://stackoverflow.com/questions/25685842/knockout-avoid-circular-updates-in-a-binding#comment40149514_25685842，我从绑定中移动了可观察 -> 组件更新功能update处理程序进入init处理程序：

ko.bindingHandlers.editor = {
  init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
    var $element                = $(element),
        content                 = ko.unwrap(valueAccessor()),
        ignoreObservableChanges = false,
        scribe;

    scribe = new Scribe(element);

    $element.data('scribe', scribe);

    scribe.setContent(content);

    scribe.on('content-changed', function() {
      var observable  = valueAccessor(),
          content     = scribe.getHTML();

      ignoreObservableChanges = true;
      observable(content);
      ignoreObservableChanges = false;
    });

    valueAccessor().subscribe(function(newValue) {
      if (ignoreObservableChanges) {
        return;
      }

      scribe.setContent(newValue);
    });
  }
};

组件 -> 可观察更新器和可观察 -> 组件更新器现在共享ignoreObservableChanges标记在它们的范围内，因此前者可以指示后者何时跳过更新。