使用ReactJs创建（导出）样式良好的Word文档

Question

我正在寻找一种使用 ReactJs 创建样式良好的 Word 文档的方法。

更多信息。

我设计了一个与 A4 纸大小完全相同的布局。用户可以通过输入框将信息输入到该布局中。输入所有必需的信息后。我需要提供一种将当前布局导出到 Ms Word（.doc 或 .docx）文档的方法。 我附上了一张图片（取自互联网）来展示我在 React 中创建的布局类型。我需要在Word文档中使用完全相同的样式。

希望有解决办法，谢谢。 😇

Answer 1

我最近遇到了同样的问题，并在 Stack Overflow answer 中总结了我的方法。

简而言之，利用“单文件网页”格式，以便在 Microsoft Word 中打开下载的文件时反映 CSS 样式。

我在答案中显示的代码仅适用于纯文本，并且无法处理较新的 CSS 功能，例如网格和 Flex。

似乎可以进行一些调整，以便图像也包含在内并正确设置样式（请参阅此处的演示），但我自己还没有尝试过。