Внести программное изменение в трикс, не вызывая трикс-изменения

Question

Я пытаюсь программно внести изменения в трикс, используя что-то вроде:

element.editor.insertHTML(' ')

Это работает без проблем, но, к сожалению, это уже в событии трикс-изменения.Таким образом, insertHTML снова запускается сам, и мы застряли в цикле.

Итак, вопрос в том, есть ли способ внести изменения в редактор, не вызывая трикс-изменения?

Спасибо.

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(" ")
  }
})