Exporting HTML (with images & tables) to Word (.doc/.docx) in Retool custom component

💬 App Building
1

Hi ,

I am trying to build a custom component that can take HTML content from my app (including images, tables, and styled text) and export it as a downloadable Word document (.doc / .docx) to local storage.

I have tried different approaches:

  1. Wrapping HTML in a .doc MIME type → works for simple text, but not a real .docx.
  2. Using the docx NPM library → generates valid .docx, but it strips out most HTML formatting (tables, images, bold/italic, etc.).
  3. Using html-docx-js → preserves formatting, but when I include images (hosted on Retool Storage with signed URLs), they appear as broken links (cross icon) inside Word instead of displaying correctly.

My challenges:

  • Need to generate a valid Word file (.doc or .docx) directly from HTML.
  • Preserve images and tables from the original HTML (images are uploaded in Retool storage).
  • File should be downloaded to local storage after export.

Here’s a screenshot of the issue when opening the Word file:

image
image796×100 1.24 KB

Has anyone found a reliable way to handle this? Or is there a recommended Retool-compatible library / workflow for exporting full HTML (with images + tables) to Word?