使用html-docx-js轻松将HTML转换为DOCX文档
html-docx-js
是一个库,可以将HTML内容转换为Word文档(.docx
格式)。以下是使用 html-docx-js
的基本步骤:
- 引入
html-docx-js
库。 - 准备要转换的HTML内容。
- 使用
html-docx-js
将HTML转换为DOCX。 - 使用
file-saver
保存生成的DOCX文件。
以下是一个简单的示例代码:
<!DOCTYPE html>
<html>
<head>
<title>HTML to DOCX</title>
<script src="https://cdn.jsdelivr.net/npm/file-saver@2.0.2/dist/FileSaver.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/html-docx-js@0.3.1/dist/html-docx.js"></script>
</head>
<body>
<div id="content">
<h1>Hello World</h1>
<p>This is an example paragraph.</p>
</div>
<button onclick="convertToDocx()">Convert to DOCX</button>
<script>
function convertToDocx() {
var content = document.getElementById('content').innerHTML;
var converted = htmlDocx.asBlob(content);
saveAs(converted, 'document.docx');
}
</script>
</body>
</html>
在这个示例中,我们定义了一个带有标题和段落的HTML内容。当用户点击按钮时,convertToDocx
函数会被触发,它会使用 html-docx-js
将HTML内容转换为DOCX格式的文件,并使用 file-saver
保存这个文件。
评论已关闭