Parse and render Smart Tags

TeCHiScy · Apr 16, 2024 · ec0ba32 · ec0ba32
1 parent b42b380
commit ec0ba32
Show file tree

Hide file tree

Showing 5 changed files with 73 additions and 4 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/src/document-parser.ts b/src/document-parser.ts
@@ -1,6 +1,6 @@
 import {
 	DomType, WmlTable, IDomNumbering,
-	WmlHyperlink, IDomImage, OpenXmlElement, WmlTableColumn, WmlTableCell,
+	WmlHyperlink, WmlSmartTag, IDomImage, OpenXmlElement, WmlTableColumn, WmlTableCell,
 	WmlTableRow, NumberingPicBullet, WmlText, WmlSymbol, WmlBreak, WmlNoteReference
 } from './document/dom';
 import { DocumentElement } from './document/document';
@@ -502,6 +502,10 @@ export class DocumentParser {
 				case "hyperlink":
 					result.children.push(this.parseHyperlink(el, result));
 					break;
+
+				case "smartTag":
+					result.children.push(this.parseSmartTag(el, result));
+					break;
 
 				case "bookmarkStart":
 					result.children.push(parseBookmarkStart(el, xml));
@@ -599,6 +603,28 @@ export class DocumentParser {
 
 		return result;
 	}
+
+	parseSmartTag(node: Element, parent?: OpenXmlElement): WmlSmartTag {
+		var result: WmlSmartTag = { type: DomType.SmartTag, parent, children: [] };
+		var uri = xml.attr(node, "uri");
+		var element = xml.attr(node, "element");
+
+		if (uri)
+			result.uri = uri;
+
+		if (element)
+			result.element = element;
+
+		xmlUtil.foreach(node, c => {
+			switch (c.localName) {
+				case "r":
+					result.children.push(this.parseRun(c, result));
+					break;
+			}
+		});
+
+		return result;
+	}
 
 	parseRun(node: Element, parent?: OpenXmlElement): WmlRun {
 		var result: WmlRun = <WmlRun>{ type: DomType.Run, parent: parent, children: [] };

diff --git a/src/document/dom.ts b/src/document/dom.ts
@@ -8,6 +8,7 @@ export enum DomType {
     Row = "row",
     Cell = "cell",
     Hyperlink = "hyperlink",
+    SmartTag = "smartTag",
     Drawing = "drawing",
     Image = "image",
     Text = "text",
@@ -90,6 +91,11 @@ export interface WmlHyperlink extends OpenXmlElement {
     href?: string;
 }
 
+export interface WmlSmartTag extends OpenXmlElement {
+	uri?: string;
+    element?: string;
+}
+
 export interface WmlNoteReference extends OpenXmlElement {
     id: string;
 }

diff --git a/src/html-renderer.ts b/src/html-renderer.ts
@@ -1,7 +1,8 @@
 import { WordDocument } from './word-document';
 import {
 	DomType, WmlTable, IDomNumbering,
-	WmlHyperlink, IDomImage, OpenXmlElement, WmlTableColumn, WmlTableCell, WmlText, WmlSymbol, WmlBreak, WmlNoteReference
+	WmlHyperlink, IDomImage, OpenXmlElement, WmlTableColumn, WmlTableCell, WmlText, WmlSymbol, WmlBreak, WmlNoteReference,
+	WmlSmartTag
 } from './document/dom';
 import { CommonProperties } from './document/common';
 import { Options } from './docx-preview';
@@ -734,6 +735,9 @@ section.${c}>footer { z-index: 1; }
 
 			case DomType.Hyperlink:
 				return this.renderHyperlink(elem);
+
+			case DomType.SmartTag:
+				return this.renderSmartTag(elem);
 
 			case DomType.Drawing:
 				return this.renderDrawing(elem);
@@ -947,7 +951,12 @@ section.${c}>footer { z-index: 1; }
 
 		return result;
 	}
-
+
+	renderSmartTag(elem: WmlSmartTag) {
+		var result = this.createElement("span");
+		this.renderChildren(elem, result);
+		return result;
+	}
 
 	renderCommentRangeStart(commentStart: WmlCommentRangeStart) {
 		if (!this.options.renderComments)