@wiris/mathtype-ckeditor5 8.15.1 → 8.15.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wiris/mathtype-ckeditor5",
-  "version": "8.15.1",
+  "version": "8.15.3",
   "description": "MathType Web for CKEditor5 editor",
   "keywords": [
     "chem",
@@ -48,7 +48,7 @@
     "prepare": "npm run build:dist"
   },
   "dependencies": {
-    "@wiris/mathtype-html-integration-devkit": "1.17.14"
+    "@wiris/mathtype-html-integration-devkit": "1.17.16"
   },
   "devDependencies": {
     "@ckeditor/ckeditor5-dev-build-tools": "^42.1.0"

package/src/integration.js

@@ -146,58 +146,84 @@ export default class CKEditor5Integration extends IntegrationModel {
    * @returns {module:engine/model/element~Element} The model element corresponding to the inserted image
    */
   insertMathml(mathml) {
-    // This returns the value returned by the callback function (writer => {...})
     return this.editorObject.model.change((writer) => {
-      const core = this.getCore();
+      const { isNewElement, temporalImage } = this.getCore().editionProperties;
       const selection = this.editorObject.model.document.selection;
+      const attributes = Object.fromEntries(selection.getAttributes());
+      const modelElementNew = writer.createElement("mathml", { formula: mathml, ...attributes });
 
-      const modelElementNew = writer.createElement("mathml", {
-        formula: mathml,
-        ...Object.fromEntries(selection.getAttributes()), // To keep the format, such as style and font
-      });
+      if (isNewElement) {
+        return this.insertNewFormula(writer, mathml, modelElementNew);
+      }
 
-      // Obtain the DOM <span><img ... /></span> object corresponding to the formula
-      if (core.editionProperties.isNewElement) {
-        // Don't bother inserting anything at all if the MathML is empty.
-        if (!mathml) return;
+      return this.replaceExistingFormula(mathml, modelElementNew, temporalImage);
+    });
+  }
 
-        const viewSelection =
-          this.core.editionProperties.selection || this.editorObject.editing.view.document.selection;
-        const modelPosition = this.editorObject.editing.mapper.toModelPosition(viewSelection.getLastPosition());
+  /**
+   * Inserts a new formula at the current selection position.
+   */
+  insertNewFormula(writer, mathml, modelElement) {
+    if (!mathml) {
+      return;
+    }
 
-        this.editorObject.model.insertObject(modelElementNew, modelPosition);
+    const viewSelection =
+      this.core.editionProperties.selection || this.editorObject.editing.view.document.selection;
+    const modelPosition = this.editorObject.editing.mapper.toModelPosition(viewSelection.getLastPosition());
 
-        // Remove selection
-        if (!viewSelection.isCollapsed) {
-          for (const range of viewSelection.getRanges()) {
-            const modelRange = this.editorObject.editing.mapper.toModelRange(range);
-            const modelSelection = this.editorObject.model.createSelection(modelRange);
+    this.editorObject.model.insertObject(modelElement, modelPosition);
+    this.deleteViewSelection(viewSelection);
 
-            this.editorObject.model.deleteContent(modelSelection);
-          }
-        }
+    // Set carret after the formula.
+    const position = this.editorObject.model.createPositionAfter(modelElement);
+    writer.setSelection(position);
 
-        // Set carret after the formula
-        const position = this.editorObject.model.createPositionAfter(modelElementNew);
-        writer.setSelection(position);
-      } else {
-        const img = core.editionProperties.temporalImage;
-        const viewElement = this.editorObject.editing.view.domConverter.domToView(img).parent;
-        const modelElementOld = this.editorObject.editing.mapper.toModelElement(viewElement);
+    return modelElement;
+  }
 
-        // Insert the new <mathml> and remove the old one
-        const position = this.editorObject.model.createPositionBefore(modelElementOld);
+  deleteViewSelection(viewSelection) {
+    if (viewSelection.isCollapsed) {
+      return;
+    }
 
-        // If the given MathML is empty, don't insert a new formula.
-        if (mathml) {
-          this.editorObject.model.insertObject(modelElementNew, position);
-        }
-        this.editorObject.model.deleteContent(this.editorObject.model.createSelection(modelElementOld,'on'));
+    for (const range of viewSelection.getRanges()) {
+      const modelRange = this.editorObject.editing.mapper.toModelRange(range);
+      const modelSelection = this.editorObject.model.createSelection(modelRange);
+
+      this.editorObject.model.deleteContent(modelSelection);
+    }
+  }
+
+  /**
+   * Replaces an existing formula with updated MathML.
+   */
+  replaceExistingFormula(mathml, modelElement, temporalImage) {
+    const viewNode = this.editorObject.editing.view.domConverter.domToView(temporalImage);
+
+    // Check if image exists in view to do standard formula editing
+    if (viewNode?.parent) {
+      const modelElementOld = this.editorObject.editing.mapper.toModelElement(viewNode.parent);
+
+      // Insert the new <mathml> and remove the old one
+      const position = this.editorObject.model.createPositionBefore(modelElementOld);
+
+      if (mathml) {
+        this.editorObject.model.insertObject(modelElement, position);
       }
 
-      // eslint-disable-next-line consistent-return
-      return modelElementNew;
-    });
+      this.editorObject.model.deleteContent(this.editorObject.model.createSelection(modelElementOld, "on"));
+      return modelElement;
+    }
+
+    // Otherwise it's LaTeX editing, so we insert at current selection
+    if (!mathml) {
+      return;
+    }
+
+    this.editorObject.model.insertContent(modelElement);
+
+    return modelElement;
   }
 
   /**
@@ -233,122 +259,442 @@ export default class CKEditor5Integration extends IntegrationModel {
   }
 
   /** @inheritdoc */
-  insertFormula(focusElement, windowTarget, mathml, wirisProperties) {
+  insertFormula(_focusElement, windowTarget, mathml, _wirisProperties) {
     // eslint-disable-line no-unused-vars
     const returnObject = {};
-
     let mathmlOrigin;
+
     if (!mathml) {
       this.insertMathml("");
     } else if (this.core.editMode === "latex") {
-      returnObject.latex = Latex.getLatexFromMathML(mathml);
-      returnObject.node = windowTarget.document.createTextNode(`$$${returnObject.latex}$$`);
+      this.handleLatexInsertion(returnObject, windowTarget, mathml);
+    } else {
+      mathmlOrigin = this.handleMathmlInsertion(returnObject, windowTarget, mathml);
+    }
+
+    const payload = {
+      mathml: mathml ? MathML.safeXmlDecode(mathml) : undefined,
+      elapsed_time: Date.now() - this.core.editionProperties.editionStartTime,
+      toolbar: this.core.modalDialog.contentManager.toolbar,
+      size: mathml?.length,
+    };
 
+    if (mathmlOrigin) {
+      payload.mathml_origin = MathML.safeXmlDecode(mathmlOrigin);
+    }
+
+    try {
+      Telemeter.telemeter.track("INSERTED_FORMULA", {
+        ...payload,
+      });
+    } catch (error) {
+      console.error("Error tracking INSERTED_FORMULA", error);
+    }
+
+    this.core.editionProperties.temporalImage = null;
+
+    return returnObject;
+  }
+
+  handleLatexInsertion(returnObject, windowTarget, mathml) {
+    returnObject.latex = Latex.getLatexFromMathML(mathml);
+    returnObject.node = windowTarget.document.createTextNode(`$$${returnObject.latex}$$`);
+
+    const { latexRange } = this.core.editionProperties;
+
+    // When latexRange exists (meaning the whole LaTeX was selected or the editor was opened),
+    // find the node contaning the LaTeX and replace it fully.
+    if (latexRange) {
+      const startNode = this.findText(latexRange.startContainer);
+      const endNode = this.findText(latexRange.endContainer);
+
+      // If nodes found, use standard replacement.
+      if (startNode && endNode) {
+        this.replaceLatexWithNodes(startNode, endNode, latexRange, returnObject.latex);
+        return;
+      }
+    }
+
+    this.replaceLatexUsingModelSearch(returnObject.latex);
+  }
+
+  handleMathmlInsertion(returnObject, windowTarget, mathml) {
+    const mathmlOrigin = this.core.editionProperties.temporalImage?.dataset.mathml;
+
+    try {
+      const modelElement = this.insertMathml(mathml);
+      const viewElement = this.editorObject.editing.mapper.toViewElement(modelElement);
+
+      returnObject.node = this.editorObject.editing.view.domConverter.viewToDom(viewElement, windowTarget.document);
+    } catch (error) {
+      if (error.toString().includes("Cannot read property 'parent' of undefined")) {
+        this.core.modalDialog.cancelAction();
+      }
+    }
+
+    return mathmlOrigin;
+  }
+
+  /**
+   * Gets selection attributes excluding track changes tags.
+   */
+  getCleanSelectionAttributes() {
+    const attributes = {};
+
+    for (const [key, value] of this.editorObject.model.document.selection.getAttributes()) {
+      if (!key.startsWith("suggestion:") && !key.startsWith("comment:")) {
+        attributes[key] = value;
+      }
+    }
+
+    return attributes;
+  }
+
+  /**
+   * Searches for the original LaTeX in the model and replaces it.
+   * Fallback when findText() cannot locate DOM nodes (like when there are track changes modifications).
+   */
+  replaceLatexUsingModelSearch(newLatex) {
+    const foundRange = this.findLatexBlockNearSelection();
+
+    if (foundRange) {
+      this.editorObject.model.change((writer) => writer.setSelection(foundRange));
+      this.replaceRangeWithLatex(newLatex);
+    } else {
+      // Insert at current position as a last resort.
       this.editorObject.model.change((writer) => {
-        const { latexRange } = this.core.editionProperties;
-
-        // Add null check for latexRange.
-        // When the editor is initialized in a textarea element, latexRange may not be set on initial load.
-        // This check ensures formulas can still be inserted by falling back to MathML insertion if latexRange is not available.
-        if (!latexRange) {
-          // Fallback to regular MathML insertion if latexRange is not available
-          this.insertMathml(mathml);
-          return;
+        const newLatexText = writer.createText(`$$${newLatex}$$`, this.getCleanSelectionAttributes());
+        this.editorObject.model.insertContent(newLatexText);
+      });
+    }
+
+    this.core.editionProperties.extractedLatex = null;
+  }
+
+  /**
+   * Checks if a text proxy has a track changes deletion marker.
+   */
+  isDeletedText(text) {
+    for (const [key, value] of text.getAttributes()) {
+      if (key.startsWith("suggestion:") && value === "deletion") {
+        return true;
+      }
+    }
+
+    return false;
+  }
+
+  /**
+   * Finds a LaTeX block ($$...$$) near the current selection.
+   * Handles track changes by considering the "accepted" version of text.
+   */
+  findLatexBlockNearSelection() {
+    const position = this.editorObject.model.document.selection.getFirstPosition();
+
+    if (!position?.parent) {
+      return;
+    }
+
+    // Build LaTeX with track changes accepted suggestions, if any.
+    const { textParts, acceptedText } = this.collectTextParts(position.parent);
+
+    if (!acceptedText.includes("$$")) {
+      return;
+    }
+
+    // To handle multiple LaTeX on same line.
+    const targetLatex = this.core.editionProperties.extractedLatex;
+    const fullLatex = `$$${targetLatex}$$`;
+    const startIndex = acceptedText.indexOf(fullLatex);
+
+    if (startIndex === -1) {
+      return;
+    }
+
+    const latexBoundaries = { start: startIndex, end: startIndex + fullLatex.length };
+
+    return this.convertAcceptedOffsetsToModelRange(textParts, latexBoundaries);
+  }
+
+  /**
+   * Collects all text fragments from a paragraph, tracking both model and accepted text positions.
+   * This is necessary to handle track changes where some LaTeX may have suggestions.
+   */
+  collectTextParts(paragraph) {
+    const textParts = [];
+    let acceptedTextOffset = 0;
+    let acceptedText = "";
+
+    for (const item of this.editorObject.model.createRangeIn(paragraph).getItems()) {
+      if (item.is("$textProxy")) {
+        const isDeleted = this.isDeletedText(item);
+
+        textParts.push({
+          text: item.data,
+          startOffset: item.startOffset,
+          endOffset: item.startOffset + item.data.length,
+          parent: item.textNode.parent,
+          acceptedStart: isDeleted ? null : acceptedTextOffset,
+          acceptedEnd: isDeleted ? null : acceptedTextOffset + item.data.length,
+          isDeleted
+        });
+
+        if (!isDeleted) {
+          acceptedText += item.data;
+          acceptedTextOffset += item.data.length;
         }
+      }
+    }
+    return { textParts, acceptedText };
+  }
+
+  /**
+   * Converts LaTeX with track changes accepted suggestions to a CKEditor model Range.
+   */
+  convertAcceptedOffsetsToModelRange(textParts, latexBoundaries) {
+    let startPartIndex = -1, endPartIndex = -1;
+    let startOffsetInPart = 0, endOffsetInPart = 0;
+
+    // Find which text parts contain the LaTeX block boundaries
+    for (let i = 0; i < textParts.length; i++) {
+      const part = textParts[i];
+      if (part.isDeleted) continue;
+
+      if (startPartIndex === -1 && latexBoundaries.start >= part.acceptedStart && latexBoundaries.start <= part.acceptedEnd) {
+        startPartIndex = i;
+        startOffsetInPart = latexBoundaries.start - part.acceptedStart;
+      }
 
-        const startNode = this.findText(latexRange.startContainer);
-        const endNode = this.findText(latexRange.endContainer);
+      if (latexBoundaries.end >= part.acceptedStart && latexBoundaries.end <= part.acceptedEnd) {
+        endPartIndex = i;
+        endOffsetInPart = latexBoundaries.end - part.acceptedStart;
+      }
+    }
 
-        let startPosition = writer.createPositionAt(startNode.parent, startNode.startOffset + latexRange.startOffset);
-        let endPosition = writer.createPositionAt(endNode.parent, endNode.startOffset + latexRange.endOffset);
+    if (startPartIndex === -1 || endPartIndex === -1) {
+      return;
+    }
 
-        let range = writer.createRange(startPosition, endPosition);
+    // Extend range to include any consecutive deleted parts after the block.
+    let finalEndIndex = endPartIndex;
+    let finalEndOffset = endOffsetInPart;
 
-        // When Latex is next to image/formula.
-        if (latexRange.startContainer.nodeType === 3 && latexRange.startContainer.previousSibling?.nodeType === 1) {
-          // Get the position of the latex to be replaced.
-          const latexEdited = `$$${Latex.getLatexFromMathML(
-            MathML.safeXmlDecode(this.core.editionProperties.temporalImage.dataset.mathml),
-          )}$$`;
-          let data = latexRange.startContainer.data;
+    for (let i = endPartIndex + 1; i < textParts.length && textParts[i].isDeleted; i++) {
+      finalEndIndex = i;
+      finalEndOffset = textParts[i].text.length;
+    }
 
-          // Remove invisible characters.
-          data = data.replaceAll(String.fromCharCode(8288), "");
+    const startPart = textParts[startPartIndex];
+    const endPart = textParts[finalEndIndex];
 
-          // Get to the start of the latex we are editing.
-          const offset = data.indexOf(latexEdited);
-          const dataOffset = data.substring(offset);
-          const second$ = dataOffset.substring(2).indexOf("$$") + 4;
-          const substring = dataOffset.substr(0, second$);
-          data = data.replace(substring, "");
+    return this.editorObject.model.createRange(
+      this.editorObject.model.createPositionAt(startPart.parent, startPart.startOffset + startOffsetInPart),
+      this.editorObject.model.createPositionAt(endPart.parent, endPart.startOffset + finalEndOffset)
+    );
+  }
 
-          if (!data) {
-            startPosition = writer.createPositionBefore(startNode);
-            range = startNode;
-          } else {
-            startPosition = startPosition = writer.createPositionAt(startNode.parent, startNode.startOffset + offset);
-            endPosition = writer.createPositionAt(endNode.parent, endNode.startOffset + second$ + offset);
-            range = writer.createRange(startPosition, endPosition);
-          }
+  replaceRangeWithLatex(newLatex) {
+    this.editorObject.model.change((writer) => {
+      this.editorObject.model.deleteContent(this.editorObject.model.document.selection);
+
+      const newLatexText = writer.createText(`$$${newLatex}$$`, this.getCleanSelectionAttributes());
+      this.editorObject.model.insertContent(newLatexText);
+    });
+  }
+
+  /**
+   * Replaces the whole LaTeX in the CKEditor5 model.
+   */
+  replaceLatexWithNodes(startNode, endNode, latexRange, newLatex) {
+    this.editorObject.model.change((writer) => {
+      const startOffset = startNode.startOffset + latexRange.startOffset;
+      const endOffset = endNode.startOffset + latexRange.endOffset;
+
+      let startPosition = writer.createPositionAt(startNode.parent, startOffset);
+      let endPosition = writer.createPositionAt(endNode.parent, endOffset);
+
+      // Adjust positions when LaTeX is adjacent to a formula.
+      const startContainer = latexRange.startContainer;
+      if (startContainer.nodeType === Node.TEXT_NODE && startContainer.previousSibling?.nodeType === Node.ELEMENT_NODE) {
+        const originalLatex = `$$${Latex.getLatexFromMathML(
+          MathML.safeXmlDecode(this.core.editionProperties.temporalImage.dataset.mathml),
+        )}$$`;
+        const textData = startContainer.data.replaceAll(String.fromCodePoint(8288), "");
+        const latexOffset = textData.indexOf(originalLatex);
+
+        if (latexOffset !== -1) {
+          const closingDelimiterOffset = textData.substring(latexOffset + 2).indexOf("$$") + 4;
+          startPosition = writer.createPositionAt(startNode.parent, startNode.startOffset + latexOffset);
+          endPosition = writer.createPositionAt(endNode.parent, endNode.startOffset + closingDelimiterOffset + latexOffset);
         }
+      }
 
-        const modelSelection = this.editorObject.model.createSelection(range);
+      writer.setSelection(writer.createRange(startPosition, endPosition));
+    });
 
-        this.editorObject.model.deleteContent(modelSelection);
-        writer.insertText(`$$${returnObject.latex}$$`, startNode.getAttributes(), startPosition);
-      });
+    this.replaceRangeWithLatex(newLatex);
+  }
+
+  /**
+   * Inherited method from IntegrationModel.
+   * Gets the MathML from a text node containing LaTeX.
+   * Handles track changes by simulating "accept all changes" before conversion.
+   */
+  getMathmlFromTextNode(textNode, caretPosition) {
+    const standardResult = Latex.getLatexFromTextNode(textNode, caretPosition);
+    const acceptedLatex = this.extractAcceptedLatexFromDOM(textNode, caretPosition);
+
+    // Prioritize accepted LaTeX if it differs from standard extraction (for track changes compatibility).
+    // Important node: use explicit undefined check to allow empty LaTeX strings, otherwise it would not detect $$$$ as valid LaTeX.
+    const latex = (acceptedLatex !== undefined && acceptedLatex !== standardResult?.latex)
+      ? acceptedLatex
+      : standardResult?.latex;
+
+    // Do not continue if no LaTeX found by either method.
+    // This is necessary since both parameters can be independently undefined in some edge cases.
+    if (latex === undefined && acceptedLatex === undefined) {
+      return;
+    }
+
+    // Verify caret is inside LaTeX block for track changes edge cases.
+    if (!standardResult && acceptedLatex !== undefined && !this.isCaretInsideLatexBlock(textNode, caretPosition)) {
+      return;
+    }
+
+    const finalLatex = latex === undefined ? acceptedLatex : latex;
+
+    this.storeLatexRangeWithFallback(textNode, caretPosition, finalLatex);
+
+    return Latex.getMathMLFromLatex(finalLatex);
+  }
+
+  isCaretInsideLatexBlock(textNode, caretPosition = 0) {
+    // If LaTeX is found, the caret is inside one.
+    return this.extractAcceptedLatexFromDOM(textNode, caretPosition) !== undefined;
+  }
+
+  /**
+   * Stores the LaTeX range for its replacement later.
+   */
+  storeLatexRangeWithFallback(textNode, caretPosition, latex) {
+    const parentTag = textNode.parentElement?.tagName?.toLowerCase();
+
+    if (!textNode.parentElement || parentTag === "textarea") {
+      return;
+    }
+
+    const latexResult = Latex.getLatexFromTextNode(textNode, caretPosition);
+
+    if (latexResult) {
+      const range = document.createRange();
+
+      range.setStart(latexResult.startNode, latexResult.startPosition);
+      range.setEnd(latexResult.endNode, latexResult.endPosition);
+      this.core.editionProperties.latexRange = range;
     } else {
-      mathmlOrigin = this.core.editionProperties.temporalImage?.dataset.mathml;
-      try {
-        returnObject.node = this.editorObject.editing.view.domConverter.viewToDom(
-          this.editorObject.editing.mapper.toViewElement(this.insertMathml(mathml)),
-          windowTarget.document,
-        );
-      } catch (e) {
-        const x = e.toString();
-        if (x.includes("CKEditorError: Cannot read property 'parent' of undefined")) {
-          this.core.modalDialog.cancelAction();
-        }
+      this.core.editionProperties.latexRange = null;
+    }
+
+    this.core.editionProperties.extractedLatex = latex;
+  }
+
+  /**
+   * Finds a container element containing a complete LaTeX block.
+   * Necessary for track changes handling, to find the full LaTeX even with the suggestions.
+   */
+  findLatexContainerElement(textNode) {
+    const MAX_DEPTH = 10; // Prevent excessive loops.
+    let element = textNode.parentElement;
+
+    for (let i = 0; i < MAX_DEPTH && element; i++) {
+      const text = element.textContent || "";
+      const openDelim = text.indexOf("$$");
+
+      if (openDelim !== -1 && text.includes("$$", openDelim + 2)) {
+        return element;
       }
+
+      element = element.parentElement;
     }
 
-    // Build the telemeter payload separated to delete null/undefined entries.
-    const payload = {
-      mathml_origin: mathmlOrigin ? MathML.safeXmlDecode(mathmlOrigin) : mathmlOrigin,
-      mathml: mathml ? MathML.safeXmlDecode(mathml) : mathml,
-      elapsed_time: Date.now() - this.core.editionProperties.editionStartTime,
-      editor_origin: null, // TODO read formula to find out whether it comes from Oxygen Desktop
-      toolbar: this.core.modalDialog.contentManager.toolbar,
-      size: mathml?.length,
-    };
+    return null;
+  }
 
-    // Remove desired null keys.
-    Object.keys(payload).forEach((key) => {
-      if (key === "mathml_origin" || key === "editor_origin") !payload[key] ? delete payload[key] : {};
-    });
+  /**
+   * Extracts LaTeX from DOM, skipping track changes deletion markers.
+   */
+  extractAcceptedLatexFromDOM(textNode, caretPositionInNode = 0) {
+    const container = this.findLatexContainerElement(textNode);
 
-    // Call Telemetry service to track the event.
-    try {
-      Telemeter.telemeter.track("INSERTED_FORMULA", {
-        ...payload,
-      });
-    } catch (error) {
-      console.error("Error tracking INSERTED_FORMULA", error);
+    if (!container) {
+      return;
     }
 
-    /* Due to PLUGINS-1329, we add the onChange event to the CK4 insertFormula.
-        We probably should add it here as well, but we should look further into how */
-    // this.editorObject.fire('change');
+    const acceptedText = this.getAcceptedTextContent(container);
 
-    // Remove temporal image of inserted formula
-    this.core.editionProperties.temporalImage = null;
+    // Calculate caret offset that will be used later to find the correct LaTeX block.
+    // This includes all accepted text before textNode, plus the caret position within textNode.
+    const walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT);
+    let node = walker.nextNode();
+    let caretOffset = 0;
 
-    return returnObject;
+    while (node && node !== textNode) {
+      if (!node.parentElement?.classList?.contains("ck-suggestion-marker-deletion")) {
+        caretOffset += node.textContent?.length || 0;
+      }
+
+      node = walker.nextNode();
+    }
+
+    // Add the caret position within the text node, only if textNode is not deleted by Track Changes.
+    if (node === textNode && !textNode.parentElement?.classList?.contains("ck-suggestion-marker-deletion")) {
+      caretOffset += caretPositionInNode;
+    }
+
+    // Find the LaTeX block that contains the caret.
+    let nextSearchIndex = 0;
+
+    while (nextSearchIndex < acceptedText.length) {
+      const openDelim = acceptedText.indexOf("$$", nextSearchIndex);
+
+      if (openDelim === -1) {
+        break;
+      }
+
+      const closeDelim = acceptedText.indexOf("$$", openDelim + 2);
+
+      if (closeDelim === -1) {
+        break;
+      }
+
+      if (caretOffset >= openDelim && caretOffset <= closeDelim + 2) {
+        return acceptedText.substring(openDelim + 2, closeDelim);
+      }
+
+      nextSearchIndex = closeDelim + 2;
+    }
   }
 
   /**
-   * Function called when the content submits an action.
+   * Recursively extracts text content, skipping track changes tags.
    */
+  getAcceptedTextContent(node) {
+    if (node.nodeType === Node.TEXT_NODE) {
+      return node.textContent || "";
+    }
+
+    if (node.nodeType === Node.ELEMENT_NODE) {
+      if (node.classList?.contains("ck-suggestion-marker-deletion")) {
+        return "";
+      }
+
+      return Array.from(node.childNodes).map((child) => this.getAcceptedTextContent(child)).join("");
+    }
+
+    return "";
+  }
+
+  /** Called when the modal window is closed. */
   notifyWindowClosed() {
     this.editorObject.editing.view.focus();
   }