导出word模板开发记录

exportWordDocx.js

import JSZipUtils from "jszip-utils"

import Docxtemplater from "docxtemplater"

import {saveAs} from "file-saver"

import PizZip from "pizzip"

复制代码
const exportWordDocx = (demoUrl, docxData, fileName) => {
	// 读取并获得模板文件的二进制内容
	JSZipUtils.getBinaryContent(
		demoUrl,
		function (error, content) {
			// 抛出异常
			if (error) {
				throw error
			}
			
			// 创建一个PizZip实例,内容为模板的内容
			let zip = new PizZip(content)
			// 创建并加载docxtemplater实例对象
			let doc = new Docxtemplater(zip, {
				linebreaks: true,
				nullGetter: function () {
					return ""
				}
			})
			doc.setData({
				...docxData,
			})
			
			try {
				// 用模板变量的值替换所有模板变量
				doc.render()
			} catch (error) {
				// 抛出异常
				let e = {
					message: error.message,
					name: error.name,
					stack: error.stack,
					properties: error.properties,
				}
				// console.log(JSON.stringify({error: e}))
				throw error
			}
			
			// 生成一个代表docxtemplater对象的zip文件(不是一个真实的文件,而是在内存中的表示)
			let out = doc.getZip().generate({
				type: "blob",
				mimeType:
					"application/vnd.openxmlformats-officedocument.wordprocessingml.document",
			})
			// 将目标文件对象保存为目标类型的文件,并命名
			saveAs(out, fileName)
		}
	)
}

export default exportWordDocx

使用:

import exportWordDocx from ".../exportWordDocx"

exportWordDocx(baseUrl + "doc/template2.docx",{

a:'要替换的字段'.b:'要替换的字段2'}, '文件名称.doc')

模板文件template2.docx:

{a}{b}

相关推荐
Yeyu2 分钟前
车载多 App 同屏渲染(二):SurfaceControlViewHost 跨进程
前端
樊小肆2 分钟前
离谱,每轮请求 25% 的 token,竟在重发模型想完就扔的内心独白
前端·人工智能·agent
小妖现世9 分钟前
前端面试复习笔记:React 高频题 + JS 手写题
前端
holidaypenguin10 分钟前
Windows 本地 HTTPS 证书生成指南
前端
MC皮蛋侠客11 分钟前
OPC UA 系列(一):标准全景与 Python 最小闭环——让第一条设备数据流动起来
开发语言·python·opcua
酷酷的逗逗乐14 分钟前
前端转 Agent 开发 · 第六节
前端·程序员
回家吃饭去吧16 分钟前
WebAssembly 深度解析:前端性能的最后一块拼图
前端
爱勇宝16 分钟前
没有 Fn 键关触控板?我做了一个双击即用的 Windows 小工具
前端·后端·程序员
尤小小29 分钟前
Vite-SSG 实践:Vue项目预渲染落地完整方案
前端·vue.js
默_笙35 分钟前
🍕 AI 的嘴巴装了水管(上):从"等它说完"到"边说边听"的流式输出指南
前端·javascript