如何将富文本/html导出为word文档

一、 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>
    }
  }
}

参考资料

本站相关内容

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容