@wiris/mathtype-ckeditor5 8.7.0 → 8.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wiris/mathtype-ckeditor5",
-  "version": "8.7.0",
+  "version": "8.7.2",
   "description": "MathType Web for CKEditor5 editor",
   "keywords": [
     "chem",
@@ -39,6 +39,6 @@
     "@ckeditor/ckeditor5-engine": ">=23.0.0",
     "@ckeditor/ckeditor5-ui": ">=23.0.0",
     "@ckeditor/ckeditor5-widget": ">=23.0.0",
-    "@wiris/mathtype-html-integration-devkit": "1.14.1"
+    "@wiris/mathtype-html-integration-devkit": "1.14.2"
   }
 }

package/src/plugin.js

@@ -258,9 +258,9 @@ export default class MathType extends Plugin {
       formula = Util.htmlSanitize(`<math${mathAttributes}>${formula}</math>`);
 
       // Replaces the < & > characters to its HTMLEntity to avoid render issues.
-      formula = formula.replace('"<"', '"&lt;"')
-        .replace('">"', '"&gt;"')
-        .replace('><<', '>&lt;<');
+      formula = formula.replaceAll('"<"', '"&lt;"')
+        .replaceAll('">"', '"&gt;"')
+        .replaceAll('><<', '>&lt;<');
 
 
       /* Model node that contains what's going to actually be inserted. This can be either:
@@ -341,7 +341,7 @@ export default class MathType extends Plugin {
     function createViewImage(modelItem, { writer: viewWriter }) {
       const htmlDataProcessor = new HtmlDataProcessor(viewWriter.document);
 
-      const mathString = modelItem.getAttribute('formula').replace('ref="<"', 'ref="&lt;"');
+      const mathString = modelItem.getAttribute('formula').replaceAll('ref="<"', 'ref="&lt;"');
       const imgHtml = Parser.initParse(mathString, editor.config.get('language'));
       const imgElement = htmlDataProcessor.toView(imgHtml).getChild(0);
 
@@ -415,6 +415,13 @@ export default class MathType extends Plugin {
      */
     editor.data.get = (options) => {
       let output = get.bind(editor.data)(options);
+      
+      // CKEditor 5 replaces all the time the &lt; and &gt; for < and >, which our render can't understand.
+      // We replace the values inserted for CKEditro5 to be able to render the formulas with the mentioned characters.
+      output = output.replaceAll('"<"', '"&lt;"')
+        .replaceAll('">"', '"&gt;"')
+        .replaceAll('><<', '>&lt;<');
+
       // Ckeditor retrieves editor data and removes the image information on the formulas
       // We transform all the retrieved data to images and then we Parse the data.
       let imageFormula = Parser.initParse(output);