导出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}

相关推荐
木亦Sam11 分钟前
响应式网页设计中媒体查询的进阶运用
前端·响应式设计
diemeng111915 分钟前
2024系统编程语言风云变幻:Rust持续领跑,Zig与Ada异军突起
开发语言·前端·后端·rust
烂蜻蜓16 分钟前
Uniapp 中布局魔法:display 属性
前端·javascript·css·vue.js·uni-app·html
软件黑马王子28 分钟前
Unity游戏制作中的C#基础(3)加减乘除算术操作符,比较运算符,逻辑与,或运算符
开发语言·unity·c#
张太行_29 分钟前
Qt Creator 设计界面后的预览方法
开发语言·qt
视觉CG34 分钟前
【Viewer.js】vue3封装图片查看器
开发语言·javascript·vue.js
h^hh40 分钟前
洛谷 P3405 [USACO16DEC] Cities and States S(详解)c++
开发语言·数据结构·c++·算法·哈希算法
qwy7152292581631 小时前
20-R 绘图 - 饼图
开发语言·数据库·r语言
java1234_小锋1 小时前
一周学会Flask3 Python Web开发-redirect重定向
前端·python·flask·flask3
重生之我要成为代码大佬1 小时前
Python天梯赛10分题-念数字、求整数段和、比较大小、计算阶乘和
开发语言·数据结构·python·算法