Preserve QWord quote style in DOCX

src/io/wordOffice.ts

@@ -43,7 +43,7 @@ export type WordHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
 export type WordBlock =
   | { type: "heading"; level: WordHeadingLevel; text: string; runs: WordInlineRun[]; alignment?: WordParagraphAlignment; indent?: WordParagraphIndent; bookmark?: string }
-  | { type: "paragraph"; text: string; runs: WordInlineRun[]; alignment?: WordParagraphAlignment; indent?: WordParagraphIndent; bookmark?: string }
+  | { type: "paragraph"; text: string; runs: WordInlineRun[]; alignment?: WordParagraphAlignment; indent?: WordParagraphIndent; bookmark?: string; quote?: boolean }
   | { type: "list"; ordered: boolean; items: WordListItem[] }
   | { type: "table"; rows: string[][] }
   | WordImageBlock;
@@ -264,8 +264,8 @@ export function htmlToWordBlocks(html: string): WordBlock[] {
       return;
     }
 
-    if (tagName === "p" || tagName === "div") {
-      blocks.push(...paragraphElementToBlocks(node));
+    if (tagName === "p" || tagName === "div" || tagName === "blockquote") {
+      blocks.push(...paragraphElementToBlocks(node, { quote: tagName === "blockquote" }));
       return;
     }
 
@@ -318,6 +318,7 @@ function wordBlockToDocxChildren(block: WordBlock, docx: DocxModule) {
     const children = wordInlineRunsToTextRuns(block.runs, docx);
     return [
       new docx.Paragraph({
+        ...(block.quote ? { style: "Quote" } : {}),
         spacing: { after: 160 },
         ...docxAlignmentOption(block.alignment, docx),
         ...docxIndentOption(block.indent),
@@ -590,7 +591,7 @@ function tableRows(table: Element) {
     .filter((row) => row.length > 0);
 }
 
-function paragraphElementToBlocks(element: Element): WordBlock[] {
+function paragraphElementToBlocks(element: Element, options: { quote?: boolean } = {}): WordBlock[] {
   const segments = collectInlineSegments(Array.from(element.childNodes), {});
   const alignment = paragraphAlignmentFromElement(element);
   const indent = paragraphIndentFromElement(element);
@@ -610,7 +611,8 @@ function paragraphElementToBlocks(element: Element): WordBlock[] {
         runs,
         ...(alignment ? { alignment } : {}),
         ...(indent ? { indent } : {}),
-        ...(bookmark && !bookmarkApplied ? { bookmark } : {})
+        ...(bookmark && !bookmarkApplied ? { bookmark } : {}),
+        ...(options.quote ? { quote: true } : {})
       });
       bookmarkApplied = true;
     }
@@ -805,7 +807,8 @@ async function styledDocxHtmlFromArrayBuffer(arrayBuffer: ArrayBuffer) {
       result.hasLineBreak ||
       result.hasPageBreak ||
       result.hasTab ||
-      result.hasList
+      result.hasList ||
+      result.hasQuote
       ? result.html
       : "";
   } catch {
@@ -834,6 +837,7 @@ function orderedDocxDocumentToHtml(
   let hasPageBreak = false;
   let hasTab = false;
   let hasList = false;
+  let hasQuote = false;
   const blocks: string[] = [];
   let openList: DocxListInfo | null = null;
   let listItems: string[] = [];
@@ -863,6 +867,7 @@ function orderedDocxDocumentToHtml(
       hasPageBreak = hasPageBreak || result.hasPageBreak;
       hasTab = hasTab || result.hasTab;
       hasList = hasList || Boolean(result.list);
+      hasQuote = hasQuote || result.hasQuote;
 
       if (!result.html) {
         return;
@@ -907,7 +912,8 @@ function orderedDocxDocumentToHtml(
     hasLineBreak,
     hasPageBreak,
     hasTab,
-    hasList
+    hasList,
+    hasQuote
   };
 }
 
@@ -924,6 +930,7 @@ function orderedDocxParagraphToHtml(
   const list = docxParagraphListInfo(properties, numberingDefinitions);
   const hasParagraphAlignment = Boolean(style);
   const hasBookmark = Boolean(bookmark);
+  const hasQuote = tagName === "blockquote";
   let hasInlineColorOrHighlight = false;
   let hasImage = false;
   let hasLineBreak = false;
@@ -941,7 +948,7 @@ function orderedDocxParagraphToHtml(
   const content = runs.join("");
 
   if (!content.trim()) {
-    return { html: "", hasInlineColorOrHighlight, hasParagraphAlignment, hasBookmark, hasImage, hasLineBreak, hasPageBreak, hasTab, list };
+    return { html: "", hasInlineColorOrHighlight, hasParagraphAlignment, hasBookmark, hasImage, hasLineBreak, hasPageBreak, hasTab, hasQuote, list };
   }
 
   const attributes = [style ? `style="${style}"` : "", bookmark ? `id="${escapeHtml(bookmark)}"` : ""].filter(Boolean).join(" ");
@@ -955,6 +962,7 @@ function orderedDocxParagraphToHtml(
       hasLineBreak,
       hasPageBreak,
       hasTab,
+      hasQuote,
       list
     };
   }
@@ -968,6 +976,7 @@ function orderedDocxParagraphToHtml(
     hasLineBreak,
     hasPageBreak,
     hasTab,
+    hasQuote,
     list
   };
 }
@@ -1036,6 +1045,9 @@ function docxParagraphTagName(properties: XmlRecord) {
   if (["heading6", "heading 6"].includes(styleValue)) {
     return "h6";
   }
+  if (styleValue === "quote") {
+    return "blockquote";
+  }
 
   return "p";
 }