quill监听html变化

Quill是一个富文本编辑器，它本身并不直接提供监听HTML元素变化的功能，因为它的设计专注于内容管理，而不是DOM操作。如果你想在使用Quill时监控编辑区域的变化，通常需要结合JavaScript或者其他库来实现。

你可以通过以下步骤来实现：

1. 首先，你需要获取到Quill实例的`editor`或`rootElement`，这通常是DOM元素。

const quill = new Quill('#your-editor-id', {
  // ...其他配置
});
const domElement = quill.root;

2. 然后，你可以利用MutationObserver API来观察DOM的变化。这个API允许你在指定的节点上注册观察者，当节点发生特定类型的修改时，就会触发回调函数。

const observer = new MutationObserver(mutations => {
  mutations.forEach(mutation => {
    if (mutation.type === 'childList') { // 只处理子元素添加或删除
      mutation.addedNodes.forEach(node => {
        // 在这里处理新添加或删除的节点
      });
      mutation.removedNodes.forEach(node => {
        // 处理移除的节点
      });
    }
  });
});

observer.observe(domElement, {
  childList: true, // 观察子元素的变化
  subtree: true,   // 包含子树的所有变化
});

3. 当你需要停止监听时，记得调用`observer.disconnect()`。