如何将富文本/html导出为word文档
2024-04-28 本文已影响0人
时光已翩然轻擦
一、 html-docx-js-typescript
1. 安装
# npm install html-docx-js-typescript --save-dev
2. vue中的使用方法
import { asBlob } from 'html-docx-js-typescript'
// 如果你想保存为docx格式，你还需要import 'file-saver'
import { saveAs } from 'file-saver'
const content = '......' // 要导出的富文本内容
const html= `
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
${content} // 富文本的内容
</body>
</html>
`
export default {
methods: {
saveDocx() {
asBlob(html).then(data => {
saveAs(data, '文件名.docx') // 保存为 docx 文件
}) // asBlob() return Promise<Blob|Buffer>
}
}
}
