@wiris/mathtype-viewer 8.11.0 → 8.12.0

package/dist/WIRISplugins.js.LICENSE.txt

@@ -1 +1 @@
-/*! @license DOMPurify 3.1.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.1.6/LICENSE */
+/*! @license DOMPurify 3.2.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.3/LICENSE */

package/dist/latex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"latex.d.ts","sourceRoot":"","sources":["../src/latex.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAY1C,wBAAsB,WAAW,CAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,iBAS1E"}
+{"version":3,"file":"latex.d.ts","sourceRoot":"","sources":["../src/latex.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAY1C,wBAAsB,WAAW,CAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,iBAc1E"}

package/dist/mathml.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mathml.d.ts","sourceRoot":"","sources":["../src/mathml.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAuD1C,wBAAsB,YAAY,CAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAsC3F;AAgED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIvD"}
+{"version":3,"file":"mathml.d.ts","sourceRoot":"","sources":["../src/mathml.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAwE1C,wBAAsB,YAAY,CAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAsC3F;AAgED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIvD"}

package/dist/properties.d.ts

@@ -1,18 +1,20 @@
 type Viewer = "none" | "image" | "mathml" | "latex";
-type Wirispluginperformance = "true" | "false";
+type StringifiedBoolean = "true" | "false";
 export interface Config {
     editorServicesRoot: string;
     editorServicesExtension: string;
     backendConfig: {
-        wirispluginperformance: Wirispluginperformance;
+        wirispluginperformance: StringifiedBoolean;
         wiriseditormathmlattribute: string;
         wiriscustomheaders: object;
+        wiriseditorparselatex: StringifiedBoolean;
     };
     dpi: number;
     element: string;
     lang: string;
     viewer: Viewer;
     zoom: number;
+    ignored_containers: string | null;
 }
 export declare class Properties {
     private static instance;
@@ -37,10 +39,14 @@ export declare class Properties {
     set zoom(zoom: number);
     get element(): string;
     set element(element: string);
-    get wirispluginperformance(): Wirispluginperformance;
-    set wirispluginperformance(wirispluginperformance: Wirispluginperformance);
+    get wirispluginperformance(): StringifiedBoolean;
+    set wirispluginperformance(wirispluginperformance: StringifiedBoolean);
     get wiriseditormathmlattribute(): string;
     set wiriseditormathmlattribute(wiriseditormathmlattribute: string);
+    get wiriseditorparselatex(): StringifiedBoolean;
+    set wiriseditorparselatex(wiriseditorparselatex: StringifiedBoolean);
+    get ignored_containers(): string | null;
+    set ignored_containers(ignored_containers: string);
 }
 export {};
 //# sourceMappingURL=properties.d.ts.map

package/dist/properties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../src/properties.ts"],"names":[],"mappings":"AAIA,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACpD,KAAK,sBAAsB,GAAG,MAAM,GAAG,OAAO,CAAC;AAK/C,MAAM,WAAW,MAAM;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,aAAa,EAAE;QACb,sBAAsB,EAAE,sBAAsB,CAAC;QAC/C,0BAA0B,EAAE,MAAM,CAAC;QACnC,kBAAkB,EAAE,MAAM,CAAC;KAC5B,CAAC;IACF,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAuBD,qBAAa,UAAU;IACrB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAA2B;IAElD,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAkB;IAG7C,MAAM,EAAE,MAAM,CAAiB;IAM/B,OAAO;WAEM,WAAW,IAAI,OAAO,CAAC,UAAU,CAAC;YAWjC,UAAU;IA6CxB,OAAO,CAAC,aAAa;YAmCP,aAAa;IAwB3B,IAAI,kBAAkB,IAAI,MAAM,CAE/B;IAED,IAAI,kBAAkB,CAAC,kBAAkB,EAAE,MAAM,EAGhD;IAED,IAAI,uBAAuB,IAAI,MAAM,CAEpC;IAED,IAAI,uBAAuB,CAAC,uBAAuB,EAAE,MAAM,EAG1D;IAWD,IAAI,IAAI,IAAI,MAAM,CAGjB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAGpB;IAQD,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,EAGxB;IAQD,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,EAGlB;IAQD,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAGpB;IAQD,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,MAAM,EAG1B;IAQD,IAAI,sBAAsB,IAAI,sBAAsB,CAEnD;IAED,IAAI,sBAAsB,CAAC,sBAAsB,EAAE,sBAAsB,EAGxE;IAQD,IAAI,0BAA0B,IAAI,MAAM,CAIvC;IAED,IAAI,0BAA0B,CAAC,0BAA0B,EAAE,MAAM,EAGhE;CACF"}
+{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../src/properties.ts"],"names":[],"mappings":"AAIA,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACpD,KAAK,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAK3C,MAAM,WAAW,MAAM;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,aAAa,EAAE;QACb,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,0BAA0B,EAAE,MAAM,CAAC;QACnC,kBAAkB,EAAE,MAAM,CAAC;QAC3B,qBAAqB,EAAE,kBAAkB,CAAC;KAC3C,CAAC;IACF,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC;AAyBD,qBAAa,UAAU;IACrB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAA2B;IAElD,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAkB;IAG7C,MAAM,EAAE,MAAM,CAAiB;IAM/B,OAAO;WAEM,WAAW,IAAI,OAAO,CAAC,UAAU,CAAC;YAWjC,UAAU;IA6CxB,OAAO,CAAC,aAAa;YAwCP,aAAa;IAwB3B,IAAI,kBAAkB,IAAI,MAAM,CAE/B;IAED,IAAI,kBAAkB,CAAC,kBAAkB,EAAE,MAAM,EAGhD;IAED,IAAI,uBAAuB,IAAI,MAAM,CAEpC;IAED,IAAI,uBAAuB,CAAC,uBAAuB,EAAE,MAAM,EAG1D;IAWD,IAAI,IAAI,IAAI,MAAM,CAGjB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAGpB;IAQD,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,EAGxB;IAQD,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,EAGlB;IAQD,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAGpB;IAQD,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,MAAM,EAG1B;IAQD,IAAI,sBAAsB,IAAI,kBAAkB,CAE/C;IAED,IAAI,sBAAsB,CAAC,sBAAsB,EAAE,kBAAkB,EAGpE;IAQD,IAAI,0BAA0B,IAAI,MAAM,CAIvC;IAED,IAAI,0BAA0B,CAAC,0BAA0B,EAAE,MAAM,EAGhE;IAED,IAAI,qBAAqB,IAAI,kBAAkB,CAE9C;IAED,IAAI,qBAAqB,CAAC,qBAAqB,EAAE,kBAAkB,EAGlE;IAED,IAAI,kBAAkB,IAAI,MAAM,GAAG,IAAI,CAEtC;IAED,IAAI,kBAAkB,CAAC,kBAAkB,EAAE,MAAM,EAGhD;CACF"}

package/docs/spec.md

@@ -106,6 +106,7 @@ The following table contains a specification of each of the properties.
 | wiriseditormathmlattribute | The name of the HTML element attribute that will be used in the rendered img elements in order to store the original MathML. According to the HTML spec, it must begin with “data-” [ https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-* ].                                                                      | Backend  | data-\*                                         | data-mathml                             |
 | wirispluginperformance     | Whether to use the browser cache to render formulas.                                                                                                                                                                                                                                                                                     | Backend  | true, false                                     | true                                    |
 | wirisimageformat           | Whether to return PNG or SVG formulas.                                                                                                                                                                                                                                                                                                   | Backend  | svg, png                                        | svg                                     |
+| wiriseditorparselatex      | Whether to parse LaTeX expressions or not.                                                                                                                                                                                                                                                                                               | Backend  | true, false                                     | true                                    |
 | editorServicesRoot         | The URL base for the showimage and createimage integration services. If distributed together with the backend services, this URL is determined by the backend technology. If distributed with npm, it takes as a default value the integration services from wiris.net. In any case, this parameter can be set manually in the frontend. | Frontend | URL                                             | https://www.wiris.net/demo/plugins/app/ |
 | viewer                     | What should the viewer render exactly. none: do nothing image: render both MathML and LaTeX formulas mathml: render only MathML latex: render only LaTeX                                                                                                                                                                                 | Frontend | none, image, mathml, latex (mod capitalization) | none                                    |
 | element                    | A querySelector string that identifies the element in which the viewer should act.                                                                                                                                                                                                                                                       | Frontend |                                                 | document                                |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wiris/mathtype-viewer",
-  "version": "8.11.0",
+  "version": "8.12.0",
   "description": "",
   "main": "app.js",
   "scripts": {
@@ -16,7 +16,7 @@
   "author": "Integrations",
   "license": "ISC",
   "dependencies": {
-    "@wiris/mathtype-html-integration-devkit": "1.17.4"
+    "@wiris/mathtype-html-integration-devkit": "1.17.6"
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.24.1",

package/src/latex.ts

@@ -12,10 +12,15 @@ interface LatexPosition {
  * @param {HTMLElement} root - Any DOM element that can contain MathML.
  */
 export async function renderLatex(properties: Properties, root: HTMLElement) {
+  // Prevent rendering LaTeX when the parameter wiriseditorparselatex is set to false.
+  if (properties.wiriseditorparselatex === "false") {
+    return;
+  }
+
   if (properties.viewer !== "image" && properties.viewer !== "latex") {
     return;
   }
-  const latexNodes = findLatexTextNodes(root);
+  const latexNodes = findLatexTextNodes(root, properties.ignored_containers);
 
   for (const latexNode of latexNodes) {
     await replaceLatexInTextNode(properties, latexNode);
@@ -36,55 +41,82 @@ async function replaceLatexInTextNode(properties: Properties, node: Node) {
     if (nextLatexPosition) {
       // Get left non LaTeX text.
       const leftText: string = textContent.substring(pos, nextLatexPosition.start);
-      const leftTextNode = document.createTextNode(leftText);
-      // Create a node with left text.
-      node.parentNode?.insertBefore(leftTextNode, node);
-      node.nodeValue = node.nodeValue?.substring(pos, nextLatexPosition.start) ?? "";
+      if (leftText) {
+        const leftTextNode = document.createTextNode(leftText);
+        // Create a node with left text.
+        node.parentNode?.insertBefore(leftTextNode, node);
+      }
 
       // Get LaTeX text.
       const latex = textContent.substring(nextLatexPosition.start + "$$".length, nextLatexPosition.end);
-      // Convert LaTeX to mathml.
+      // Convert LaTeX to MathML.
       const response = await latexToMathml(latex, properties.editorServicesRoot, properties.editorServicesExtension);
-      // Insert mathml node.
+      // Insert MathML node.
       const fragment = document.createRange().createContextualFragment(response.text);
-
       node.parentNode?.insertBefore(fragment, node);
-      node.nodeValue = node.nodeValue.substring(nextLatexPosition.start, nextLatexPosition.end);
 
+      // Update pos to search for next LaTeX instance.
       pos = nextLatexPosition.end + "$$".length;
     } else {
-      // No more LaTeX node found.
-      const text = textContent.substring(pos);
-      const textNode = document.createTextNode(text);
-      node.parentNode?.insertBefore(textNode, node);
-      node.nodeValue = "";
-      pos = textContent.length;
+      // If no more LaTeX found, append the rest of the text as a new text node and break the loop.
+      const remainingText = textContent.substring(pos);
+      if (remainingText) {
+        const remainingTextNode = document.createTextNode(remainingText);
+        node.parentNode?.insertBefore(remainingTextNode, node);
+      }
+      break; // Exit the loop as we've processed all text.
     }
   }
-
-  // Delete original text node.
+  // Remove the original node after processing.
   node.parentNode?.removeChild(node);
 }
 
 /**
- * Returns an array with all HTML LaTeX nodes.
- * @param {HTMLElement} root - Any DOM element that can contain LaTeX.
- * @returns {Node[]} Array with all HTML LaTeX nodes inside root.
+ * Finds and returns an array of text nodes containing LaTeX expressions.
+ *
+ * @param properties - The properties object.
+ * @param root - The root element to search within.
+ * @returns An array of text nodes containing LaTeX expressions.
  */
-function findLatexTextNodes(root: any): Node[] {
-  const nodeIterator: NodeIterator = document.createNodeIterator(root, NodeFilter.SHOW_TEXT, (node) =>
-    /(\$\$)(.*)(\$\$)/.test(node.nodeValue || "") ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT,
-  );
+function findLatexTextNodes(root: any, ignored_latex_containers: string | null): Node[] {
+  const nodeIterator: NodeIterator = createNodeIterator(root);
+  const blackListedNodes = root.querySelectorAll(ignored_latex_containers) ?? [];
   const latexNodes: Node[] = [];
 
   let currentNode: Node | null;
   while ((currentNode = nodeIterator.nextNode())) {
+    if (blackListedNodes.length > 0 && isNodeBlacklisted(currentNode, blackListedNodes)) {
+      continue;
+    }
     latexNodes.push(currentNode);
   }
 
   return latexNodes;
 }
 
+/**
+ * Creates a NodeIterator to find text nodes containing LaTeX expressions.
+ *
+ * @param root - The root element to search within.
+ * @returns A NodeIterator for text nodes containing LaTeX expressions.
+ */
+function createNodeIterator(root: any): NodeIterator {
+  return document.createNodeIterator(root, NodeFilter.SHOW_TEXT, (node) =>
+    /(\$\$)(.*)(\$\$)/.test(node.nodeValue || "") ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT,
+  );
+}
+
+/**
+ * Checks if a node or any of its ancestors are in the blacklist.
+ *
+ * @param node - The node to check.
+ * @param blackListedNodes - The list of blacklisted nodes.
+ * @returns True if the node or any of its ancestors are blacklisted, false otherwise.
+ */
+function isNodeBlacklisted(node: Node, blackListedNodes: NodeListOf<Element>): boolean {
+  return Array.from(blackListedNodes).some((blackListedNode) => blackListedNode.contains(node));
+}
+
 /**
  * Returns an object {start, end} with the start and end latex position.
  * @param {number} pos - Current position inside the text.

package/src/mathml.spec.ts

@@ -1,4 +1,3 @@
-import { JSDOM } from "jsdom";
 import { serializeHtmlToXml } from "./mathml"; // adjust the import path as needed
 
 describe("serializeHtmlToXml", () => {

package/src/mathml.ts

@@ -35,10 +35,16 @@ function findSafeMathMLTextNodes(root: HTMLElement): Node[] {
  * Parse the DOM looking for «math» formulas and replace them with the corresponding rendered images within the given element.
  * @param {HTMLElement} root - Any DOM element that can contain MathML.
  */
-function decodeSafeMathML(root: HTMLElement) {
+function decodeSafeMathML(root: any, ignored_mathml_containers: string | null) {
   const safeNodes = findSafeMathMLTextNodes(root);
+  const blackListedNodes = root.querySelectorAll(ignored_mathml_containers) ?? [];
 
   for (const safeNode of safeNodes) {
+    if (blackListedNodes.length > 0 && isNodeBlacklisted(safeNode, blackListedNodes)) {
+      console.log("Node is blacklisted");
+      continue;
+    }
+
     const mathml = MathML.safeXmlDecode(safeNode.textContent ?? "");
     // Insert mathml node.
     const fragment = document.createRange().createContextualFragment(mathml);
@@ -48,6 +54,17 @@ function decodeSafeMathML(root: HTMLElement) {
   }
 }
 
+/**
+ * Checks if a node or any of its ancestors are in the blacklist.
+ *
+ * @param node - The node to check.
+ * @param blackListedNodes - The list of blacklisted nodes.
+ * @returns True if the node or any of its ancestors are blacklisted, false otherwise.
+ */
+function isNodeBlacklisted(node: Node, blackListedNodes: NodeListOf<Element>): boolean {
+  return Array.from(blackListedNodes).some((blackListedNode) => blackListedNode.contains(node));
+}
+
 /**
  * Parse the DOM looking for <math> elements and replace them with the corresponding rendered images within the given element.
  * @param {Properties} properties - Properties of the viewer.
@@ -58,7 +75,7 @@ export async function renderMathML(properties: Properties, root: HTMLElement): P
     return;
   }
 
-  decodeSafeMathML(root);
+  decodeSafeMathML(root, properties.ignored_containers);
 
   for (const mathElement of [...root.getElementsByTagName("math")]) {
     const mml = serializeHtmlToXml(mathElement.outerHTML);

package/src/properties.ts

@@ -3,7 +3,7 @@ import Util from "@wiris/mathtype-html-integration-devkit/src/util";
 
 // Helper types for Config below
 type Viewer = "none" | "image" | "mathml" | "latex";
-type Wirispluginperformance = "true" | "false";
+type StringifiedBoolean = "true" | "false";
 
 /**
  * Type representing all the configuration for the viewer.
@@ -12,15 +12,17 @@ export interface Config {
   editorServicesRoot: string;
   editorServicesExtension: string;
   backendConfig: {
-    wirispluginperformance: Wirispluginperformance;
+    wirispluginperformance: StringifiedBoolean;
     wiriseditormathmlattribute: string;
     wiriscustomheaders: object;
+    wiriseditorparselatex: StringifiedBoolean;
   };
   dpi: number;
   element: string;
   lang: string;
   viewer: Viewer;
   zoom: number;
+  ignored_containers: string | null;
 }
 
 /**
@@ -33,12 +35,14 @@ const defaultValues: Config = {
     wirispluginperformance: "true",
     wiriseditormathmlattribute: "data-mathml",
     wiriscustomheaders: {},
+    wiriseditorparselatex: "true",
   },
   dpi: 96,
   element: "body",
   lang: "en",
   viewer: "none",
   zoom: 1,
+  ignored_containers: null,
 };
 
 /**
@@ -88,7 +92,7 @@ export class Properties {
     // Get backend parameters calling the configurationjson service
     try {
       Properties.instance.config.backendConfig = await configurationJson(
-        ["wirispluginperformance", "wiriseditormathmlattribute", "wiriscustomheaders"],
+        ["wirispluginperformance", "wiriseditormathmlattribute", "wiriscustomheaders", "wiriseditorparselatex"],
         Properties.instance.editorServicesRoot,
         Properties.instance.editorServicesExtension,
         false,
@@ -143,6 +147,11 @@ export class Properties {
     if (zoom !== null && zoom !== undefined) {
       instance.config.zoom = +zoom;
     }
+
+    const ignored_containers = urlParams.get("ignored_containers");
+    if (ignored_containers !== null && ignored_containers !== undefined) {
+      instance.config.ignored_containers = ignored_containers;
+    }
   }
 
   /**
@@ -152,9 +161,9 @@ export class Properties {
   private async checkServices() {
     const path = (document.currentScript as HTMLScriptElement).src;
 
-    if (path.includes("integration/WIRISplugins")) {
-      // If the path includes 'integration/WIRISplugins' use PHP Integrations Services
-      this.config.editorServicesRoot = path;
+    if (path.includes("integration/WIRISplugins") || path.includes("render/WIRISplugins")) {
+      // If the path includes 'integration/WIRISplugins' use PHP Integrations Services or Moodle.
+      this.config.editorServicesRoot = path.replace("render/WIRISplugins", "integration/WIRISplugins");
       this.config.editorServicesExtension = ".php";
     } else {
       try {
@@ -276,11 +285,11 @@ export class Properties {
    * - The backend configuration of the parameter.
    * - true, by default.
    */
-  get wirispluginperformance(): Wirispluginperformance {
+  get wirispluginperformance(): StringifiedBoolean {
     return this.config.backendConfig.wirispluginperformance || defaultValues.backendConfig.wirispluginperformance;
   }
 
-  set wirispluginperformance(wirispluginperformance: Wirispluginperformance) {
+  set wirispluginperformance(wirispluginperformance: StringifiedBoolean) {
     this.config.backendConfig.wirispluginperformance = wirispluginperformance;
     this.render();
   }
@@ -301,4 +310,22 @@ export class Properties {
     this.config.backendConfig.wiriseditormathmlattribute = wiriseditormathmlattribute;
     this.render();
   }
+
+  get wiriseditorparselatex(): StringifiedBoolean {
+    return this.config.backendConfig.wiriseditorparselatex || defaultValues.backendConfig.wiriseditorparselatex;
+  }
+
+  set wiriseditorparselatex(wiriseditorparselatex: StringifiedBoolean) {
+    this.config.backendConfig.wiriseditorparselatex = wiriseditorparselatex;
+    this.render();
+  }
+
+  get ignored_containers(): string | null {
+    return this.config.ignored_containers ?? defaultValues.ignored_containers;
+  }
+
+  set ignored_containers(ignored_containers: string) {
+    this.config.ignored_containers = ignored_containers;
+    this.render();
+  }
 }