Fixed issue with chrome MathML

VolodymyrBaydalka · Jan 29, 2023 · 6122570 · 6122570
1 parent 3f41af7
commit 6122570
Show file tree

Hide file tree

Showing 9 changed files with 38 additions and 11 deletions.
diff --git a/dist/docx-preview.js b/dist/docx-preview.js
diff --git a/dist/docx-preview.js.map b/dist/docx-preview.js.map
diff --git a/dist/docx-preview.min.js b/dist/docx-preview.min.js
diff --git a/dist/docx-preview.min.js.map b/dist/docx-preview.min.js.map
diff --git a/index.html b/index.html
@@ -49,8 +49,7 @@
         let currentDocument = null;
         const docxOptions = Object.assign(docx.defaultOptions, {
             debug: true,
-            experimental: true,
-            useMathMLPolyfill: true
+            experimental: true
         });
 
         const container = document.querySelector("#document-container");

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "docx-preview",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "license": "Apache-2.0",
   "keywords": [
     "word",

diff --git a/src/document-parser.ts b/src/document-parser.ts
@@ -37,7 +37,7 @@ const mmlTagMap = {
 	"sup": DomType.MmlSuperArgument,
 	"sub": DomType.MmlSubArgument,
 	"d": DomType.MmlDelimiter,
-	"nary": DomType.MmlNary
+	"nary": DomType.MmlNary,
 }
 
 export interface DocumentParserOptions {
@@ -681,7 +681,9 @@ export class DocumentParser {
 			if (childType) {
 				result.children.push(this.parseMathElement(el));
 			} else if (el.localName == "r") {
-				result.children.push(this.parseRun(el));
+				var run = this.parseRun(el);
+				run.type = DomType.MmlRun;
+				result.children.push(run);
 			} else if (el.localName == propsTag) {
 				result.props = this.parseMathProperies(el);
 			}

diff --git a/src/document/dom.ts b/src/document/dom.ts
@@ -39,6 +39,7 @@ export enum DomType {
 	MmlSuperArgument = "mmlSuperArgument",
 	MmlNary = "mmlNary",
 	MmlDelimiter = "mmlDelimiter",
+	MmlRun = "mmlRun",
 	VmlElement = "vmlElement",
 	Inserted = "inserted",
 	Deleted = "deleted",

diff --git a/src/html-renderer.ts b/src/html-renderer.ts
@@ -741,6 +741,9 @@ section.${c}>article { margin-bottom: auto; }
 			case DomType.MmlDelimiter:
 				return this.renderMmlDelimiter(elem);
 
+			case DomType.MmlRun:
+				return this.renderMmlRun(elem);
+
 			case DomType.MmlNary:
 				return this.renderMmlNary(elem);
 
@@ -1113,6 +1116,16 @@ section.${c}>article { margin-bottom: auto; }
 		return createElementNS(ns.mathML, "mrow", null, children);
 	}
 
+	renderMmlRun(elem: OpenXmlElement) {
+		const result = createElementNS(ns.mathML, "ms");
+
+		this.renderClass(elem, result);
+		this.renderStyleValues(elem.cssStyle, result);
+		this.renderChildren(elem, result);
+
+		return result;
+	}
+
 	renderStyleValues(style: Record<string, string>, ouput: HTMLElement) {
 		Object.assign(ouput.style, style);
 	}