使用html-docx-js-typescript将Html转换为Word文件

原创已于 2024-10-31 11:18:00 修改 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #typescript

于 2024-10-31 11:17:26 首次发布

NodeJS 同时被 2 个专栏收录

27 篇文章

订阅专栏

TypeScript

5 篇文章

订阅专栏

该文章已生成可运行项目，

html-docx-js-typescript 是一个 JavaScript 库，它允许将 HTML 文档转换为 DOCX 格式的 Word 文档。这个库支持 Node.js 和浏览器环境，包括 Vue、React 和 Angular 等现代前端框架。

1、安装

通过 npm 来集成 html-docx-js-typescript，此外，由于该库在生成文件时通常会用到 Blob 对象，并且为了方便用户下载生成的 DOCX 文件，还会用到 file-saver 这个库。

npm install file-saver html-docx-js-typescript

2、使用

安装完成后，就可以在代码中使用这两个库来将 HTML 转换为 DOCX 文件了。以下是一个基本的示例，展示了如何导入必要的模块、准备 HTML 内容，并调用方法生成和保存 DOCX 文件：

// 导入所需的模块  
import { asBlob } from 'html-docx-js-typescript';  
import { saveAs } from 'file-saver';  
  
// 准备一个包含 HTML 内容的字符串  
const htmlString = `  
<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Document</title>  
</head>  
<body>  
    <h1>Welcome</h1>  
    <p>This is a sample HTML content that will be converted to a DOCX file.</p>  
</body>  
</html>  
`;  
  
// 调用 asBlob 函数将 HTML 字符串转换为 Blob 对象  
// asBlob 函数返回一个 Promise，因此我们需要使用 .then 来处理结果  
const fileData = asBlob(htmlString).then(data => {  
    // 使用 file-saver 的 saveAs 函数将 Blob 对象保存为文件  
    // 这里我们指定文件名为 'file.docx'  
    saveAs(data, 'file.docx');  
}).catch(error => {  
    console.error('Error converting HTML to DOCX:', error);  
});

本文章已经生成可运行项目