js 根据word文档模板导出内容

  一、创建word导出模板

1、本地创建一个test.docx

2、将最终需要的文档内容及样式编辑完成(图1)

3、将所需动态值的位置,替换为变量参数(图2)

注:

    动态值书写

js 根据word文档模板导出内容_第1张图片 图1 js 根据word文档模板导出内容_第2张图片 图2

js 根据word文档模板导出内容_第3张图片 模板值的书写要求

二、项目中使用

1、安装依赖

npm install docxtemplater-image-module-free --save

npm install docxtemplater pizzip  --save
npm install jszip-utils --save
npm install jszip --save
npm install file-saver --save
npm install angular-expressions --save

简简单单一条命令(6合1)
npm install docxtemplater pizzip jszip-utils jszip file-saver angular-expressions docxtemplater-image-module-free --save

 2、创建工具类js文件

/**
 * 导出word文档(带图片)
 * 
 */
import Docxtemplater from 'docxtemplater'
import PizZip from 'pizzip'
import JSZipUtils from 'jszip-utils'
import { saveAs } from 'file-saver'

export const ExportBriefDataDocx = (tempDocxPath, data, fileName, imgSize) => {
    console.log(111, tempDocxPath, data, fileName, imgSize)
    //这里要引入处理图片的插件
    var ImageModule = require(

你可能感兴趣的:(前端)