在不触发trix更改的情况下对trix进行编程更改

Question

我正在尝试以编程方式对trix进行更改，使用的内容如下：

element.editor.insertHTML(' ')

这没有问题，但不幸的是，这已经在trix-change事件中。所以insertHTML再次触发，我们陷入了一个循环。

所以问题是，有没有办法在不触发trix-change的情况下对编辑器进行更改？

谢谢。

Answer 1

您可以设置一个标志来忽略下一个trix-change事件。类似于：

let ignoreNextChange = false

element.addEventListener("trix-change", () => {
  if (ignoreNextChange) {
    ignoreNextChange = false
    return
  }
  if (/* Your logic for inserting a non-breaking space */) {
    ignoreNextChange = true
    element.editor.insertHTML(" ")
  }
})