Javascript 前端生成Word文档

最新推荐文章于 2024-06-27 08:16:45 发布
最新推荐文章于 2024-06-27 08:16:45 发布
阅读量6.2k 收藏 17
点赞数 1
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ArchBaal/article/details/104422144
版权

最近做项目遇到要在Web上生成Word文件的需求。一般方案是用报表系统或者在后台生成。由于报表系统中生成的页面再转换成Word难以排版，这里就用前端生成的办法作为临时解决方案。直接上代码了，提供文字排版和表格设计，满足基本功能。如果需要其他功能，需要在Word上录制宏，再把代码转换成JS。
环境：只能是IE浏览器，使用ActiveXObject(“Word.Application”)

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>JS调用Word</title>
</head>
<body>
<button onclick = 'showWord()'>显示Word</button>

<script>
function showWord(){
	var wobj=new ActiveXObject("Word.Application");
	var docs=wobj.Documents.Add();
	wobj.visible=true;//是否显示Word
	
	//设置页边距    2.79   0.49    2.96   2.89 cm  转换为磅
	//可以vba里运行debug.print CentimetersToPoints(2.79)得到磅值
	docs.PageSetup.TopMargin = 79.08662;
    docs.PageSetup.BottomMargin = 13.88976;
    docs.PageSetup.LeftMargin = 83.90551;
    docs.PageSetup.RightMargin = 81.92126;

    var docp = docs.Paragraphs(1).Range;	
	docp.Text = '编号：001';
	docp.Font.Name = "宋体";
	docp.Font.Size = 12;
	docp.Font.Bold = 0;
	docp.ParagraphFormat.LineUnitBefore = 0;
	docp.ParagraphFormat.LineUnitAfter = 0;
	docp.ParagraphFormat.Alignment = 2;
	docp.InsertParagraphAfter();//换行

	//标题  
	docp = docs.Paragraphs(2).Range;
	docp.Text = '告业主通知书';
	docp.Font.Name = "宋体";
	docp.Font.Size = 22;
	docp.Font.Bold = 1;
	docp.ParagraphFormat.LineUnitBefore = 0;
	docp.ParagraphFormat.LineUnitAfter = 0;
	docp.ParagraphFormat.SpaceAfter = 0;
	docp.ParagraphFormat.SpaceBefore = 0;
	docp.ParagraphFormat.Alignment = 1;
	docp.InsertParagraphAfter();
	//第三行空行
	docp = docs.Paragraphs(3).Range;
	docp.Text = ''
	docp.Font.Name = "宋体";
	docp.Font.Size = 12;
	docp.InsertParagraphAfter();
	//第四行    
	docp = docs.Paragraphs(4).Range;
	docp.Text = '各位业主：';
	docp.Font.Name = "宋体";
	docp.Font.Size = 14;
	docp.Font.Bold = 0;
	docp.ParagraphFormat.Alignment = 3;
	docp.InsertParagraphAfter();

	docp = docs.Paragraphs(4).Range;
	docp.Text = '1.请广大业主在接到或看到告知书即日起，自行将您的非机动车辆入库停放或停放在划定的停放区域。机动车入库停放或在地上按位停放，坚决杜绝乱停乱放现象。';
	docp.Font.Name = "宋体";
	docp.Font.Size = 14;
	docp.Font.Bold = 0;
	docp.ParagraphFormat.Alignment = 3;
	//缩进两个字符
	docp.ParagraphFormat.CharacterUnitFirstLineIndent = 2;
	docp.InsertParagraphAfter();

	docp = docs.Paragraphs(5).Range;
	docp.Text = '2.对于不入库、按位停放的车辆，住建局物监办将联合市公安局，消防大队、城管执法大队等部门集中整治，将违章停放的各类车辆托运到市消防大队和交警大队停放。';
	docp.Font.Name = "宋体";
	docp.Font.Size = 14;
	docp.Font.Bold = 0;
	docp.ParagraphFormat.Alignment = 3;
	docp.ParagraphFormat.CharacterUnitFirstLineIndent = 2;
	docp.InsertParagraphAfter();

	docp = docs.Paragraphs(6).Range;
	docp.Text = '3.各物业企业加强小区内宣传，及时将告知书分发各业主并在小区公告栏张贴，组织保安进行整治，对在集中整治中出现阻挠、谩骂行为的业主进行登记造册。将由公安，消防、城建执法部门依法依规进行处罚。';
	docp.Font.Name = "宋体";
	docp.Font.Size = 14;
	docp.Font.Bold = 0;
	docp.ParagraphFormat.Alignment = 3;
	docp.ParagraphFormat.CharacterUnitFirstLineIndent = 2;
	docp.InsertParagraphAfter();

	docp = docs.Paragraphs(7).Range;
	docp.Text = '';
	docp.InsertParagraphAfter();

	//第8行 落款时间
	docp = docs.Paragraphs(8).Range;
	var d = '20200102';
	docp.Text = d.substr(0,4) +"年" +Number(d.substr(4,2))+"月"+Number(d.substr(6,2))+"日";
	docp.Font.Name = "宋体";
	docp.Font.Size = 14;
	docp.ParagraphFormat.Alignment = 2;
	docp.InsertParagraphAfter();

	//分页符
	docp = docs.Paragraphs(9).Range;
	docp.InsertBreak();


    var docp = docs.Paragraphs(10).Range;	
	docp.Text = '';
	docp.InsertParagraphAfter();

	docp = docs.Paragraphs(11).Range;
	docp.Text = '送 达 回 执';
	docp.Font.Name = "宋体";
	docp.Font.Size = 22;
	docp.Font.Bold = 1;
	docp.ParagraphFormat.LineUnitBefore = 0;
	docp.ParagraphFormat.LineUnitAfter = 0;
	docp.ParagraphFormat.SpaceAfter = 0;
	docp.ParagraphFormat.SpaceBefore = 0;
	docp.ParagraphFormat.Alignment = 1;
	docp.InsertParagraphAfter();

	docp = docs.Paragraphs(12).Range;	
	docp.Text = '';
	docp.Font.Name = "宋体";
	docp.Font.Size = 14;
	docp.Font.Bold = 0;
	docp.InsertParagraphAfter();
	
	docp = docs.Paragraphs(13).Range;
	mytable = docs.Tables.Add(docp,12,4)
	//表格加上线条
	mytable.Style = "网格型";

	var cell = mytable.Cell(1,1).Range;
	cell.Text = '文件名称';
	cell.ParagraphFormat.Alignment = 1;
	var cells = docs.Range(mytable.Cell(1,2).Range.Start,mytable.Cell(1,4).Range.End);
	cells.Cells.Merge();

	cell = mytable.Cell(2,1).Range;
	cell.Text = '文件编号';
	cells = docs.Range(mytable.Cell(2,2).Range.Start,mytable.Cell(2,4).Range.End);
	cells.Cells.Merge();

	cell = mytable.Cell(3,1).Range;
	cell.Text = '受送达单位';
	cells = docs.Range(mytable.Cell(3,2).Range.Start,mytable.Cell(3,4).Range.End);
	cells.Cells.Merge();

	cell = mytable.Cell(4,1).Range;
	cell.Text = '受送达员工';
	cells = docs.Range(mytable.Cell(4,2).Range.Start,mytable.Cell(4,4).Range.End);
	cells.Cells.Merge();

	cell = mytable.Cell(5,1).Range;
	cell.Text = 'EMS编号';

	cell = mytable.Cell(5,3).Range;
	cell.Text = '发出时间';

	cell = mytable.Cell(6,1).Range;
	cell.Text = '单位收件人签名';

	cell = mytable.Cell(6,3).Range;
	cell.Text = '收到时间';

	cell = mytable.Cell(7,1).Range;
	cell.Text = 'EMS编号';

	cell = mytable.Cell(7,3).Range;
	cell.Text = '发出时间';

	cell = mytable.Cell(8,1).Range;
	cell.Text = '职工签名';

	cell = mytable.Cell(8,3).Range;
	cell.Text = '收到时间';

	cell = mytable.Cell(9,1).Range;
	cell.Text = '代收人';
	cell.InsertParagraphAfter();
	cell_docp = cell.Paragraphs(2).Range;
	cell_docp.Text = '请注明理由';
	//设置段落 固定值  18磅
	cell_Range = docs.Range(cell.Paragraphs(1).Range.Start,cell.Paragraphs(2).Range.End);
	cell_Range.ParagraphFormat.LineSpacing = 18;
	cell_Range.ParagraphFormat.LineSpacingRule = 4;
	cells = docs.Range(mytable.Cell(9,2).Range.Start,mytable.Cell(9,4).Range.End);
	cells.Cells.Merge();
	

	cell = mytable.Cell(10,1).Range;
	cell.Text = '公告时间';
	cells = docs.Range(mytable.Cell(10,2).Range.Start,mytable.Cell(10,4).Range.End);
	cells.Cells.Merge();

	cell = mytable.Cell(11,1).Range;
	cell.Text = '送达人';
	cells = docs.Range(mytable.Cell(11,2).Range.Start,mytable.Cell(11,4).Range.End);
	cells.Cells.Merge();

	cell = mytable.Cell(12,1).Range;
	cell.Text = '备注';
	cells = docs.Range(mytable.Cell(12,2).Range.Start,mytable.Cell(12,4).Range.End);
	cells.Cells.Merge();

	//表格行高固定值1.5厘米  1.5厘米转化为42.51968
	//可以vba里运行debug.print CentimetersToPoints(1.5)得到
	mytable.Rows.HeightRule = 2;
    mytable.Rows.Height = 42.51968;   
    //水平居中
    cells = docs.Range(mytable.Cell(1,1).Range.Start,mytable.Cell(12,1).Range.End);
    cells.ParagraphFormat.Alignment = 1;
    cells.Cells.VerticalAlignment = 1;

	var n = docs.Paragraphs.Count;
	docp = docs.Paragraphs(n).Range;	
	docp.Text = '备注：用人单位、职工或者其近亲属委托代理人签收的，应当提交授权委托书';
	docp.Font.Name = "宋体";
	docp.Font.Size = 11;
	docp.Font.Bold = 0;
	docp.ParagraphFormat.Alignment = 3;


	/* 保存，且关闭Word
	docs.SaveAs("E:\\通知.doc");
	docs.Close(savechanges=false);
	wobj.Application.Quit();*/

}
</script>
</body>
</html>
骊山大粽子
关注
  • 1
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
关于js操作word和excel的若干方法汇总
hcleon的专栏
12-26 1902
 本人从网上收集的关于js操作word的若干方法，贴出来大家共享o(∩_∩)o...1.保存html页面到word*************************************************************************************** 单元格1 单元格2 单元格3 单元格4 单元格合并test function MakeWord()
js将HTML文本导出生成word文档
11-27
总结，通过html2docx和FileSaver.js这两个JavaScript库，我们可以轻松地在前端实现将HTML内容导出为Word文档的功能。虽然这种方法有一定的局限性，但对于简单的HTML结构和样式，它已经足够满足大部分需求。对于更...
js操作word
04-26
js操作word标签，实现动态组装数据，并生成word文档
纯JS将HTML生成pdf
最新发布
mqiqe的专栏
06-27 1076
该方案使用纯js脚本将页面html内容转换成pdf。
js 操作word
lanxing
11-14 587
&lt;%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK" %&gt; &lt;%@ page import="java.util.*"%&gt; &lt;%@ page import="com.icss.common.db.DataMsg"%&gt;
用javascript操作word文档
weixin_30412167的博客
01-30 170
1、 向word中写入内容 首先在word中设置书签，如书签名为bookmark，javascript中可以这样写 varword; word=newActiveXObject("Word.Application"); varrange=word.Range; word.Visible=true; varpath="filepath"; word.D...
前端实现word导出(基于word模板)
youthwsj的博客
10-21 540
/ 生成一个代表docxtemplater对象的zip文件（不是一个真实的文件，而是在内存中的表示）// input.docx是模板。// 读取并获得模板文件的二进制内容 这个路径就是存放word模板的路径。// 创建并加载docxtemplater实例对象。// 将目标文件对象保存为目标类型的文件，并命名。// 创建一个JSZip实例，内容为模板的内容。// 这里是声明值方便之后传递给word模板。// 用模板变量的值替换所有模板变量。// 设置模板变量的值。如图 字段需要一一对应。
Web前端实习报告(word文档良心出品).doc
12-01
"Web前端实习报告(word文档良心出品).doc" 以下是根据给定文件信息生成的相关知识点： 知识点1：软件开发模式 在软件开发中，有多种开发模式，每种模式都有其特点和优缺。常见的软件开发模式包括瀑布式开发、_...
用js生成word_js生成word_
10-01
总结一下，用JavaScript生成Word文档需要借助特定的库或API，它们能够解析和构造符合Word文档格式的数据。这个过程可能涉及到将内容先转换为Markdown或HTML，然后再转换为`.docx`格式。在实际项目中，你还需要考虑...
vue生成word打包下载.zip
03-25
在Vue项目中，通常我们会通过调用后端API来生成Word文档，因为直接在前端生成大文件可能会导致性能问题。 在后端，你可以使用`docx`库创建Word文档，该库允许你通过编程方式插入文本、图片、表格等元素。例如，创建...
vue中下载word并包含echarts图技术
03-17
在浏览器环境中，无法直接生成Word文档，但可以通过HTML5的Blob对象和FileReader API创建二进制文件。Echarts有一个方法`getSVG`，可以获取图表的SVG字符串，将其转化为Blob对象，作为Word文档的内容。 4. **转换...
JS中操作word
11-13
JS中操作word JS中操作word JS中操作word
导出Word （js方式）
01-12
导出Word （js方式）导出Word （js方式）导出Word （js方式）导出Word （js方式）
js操作word、excel.pdf
09-27
js操作word、excel.pdf
用JS操作WORD、EXCEL导出
03-24
NULL 博文链接：https://bepatient.iteye.com/blog/1021691
JS操作Word生成表格
10-18
使用JS调用动态链接库操作WORD并绘制表格
javascript word
houzhe11的专栏
12-25 174
11.2 利用Word打印报表 Microsoft Word是Microsoft提供的文档处理软件，它在处理、打印文档、资料过程中所显现出来的强大功能是有目共睹的。本节将介绍如何将网页中的数据直接导出到Word中，直接进行打印或处理后再进行打印。 实例295 将页面中的表格导出到Word并打印 实例说明 在开发动态网站时，经常会遇到打印页面中的指定表格的情况，这时可以将要打印的...
vue前端生成word文档并下载
06-10
是的，您可以使用docxtemplater和FileSaver.js来实现Vue前端生成Word文档并下载。 以下是实现步骤： 1. 安装docxtemplater和FileSaver.js 使用npm或yarn安装docxtemplater和FileSaver.js： ```bash npm install docxtemplater --save npm install file-saver --save ``` 2. 创建Word模板 使用Microsoft Word或其他支持.docx格式的工具创建一个Word文档作为模板。在模板中使用{{}}包含需要替换的变量，如示例： ``` {{title}} {{content}} ``` 3. 在Vue组件中引入docxtemplater和FileSaver.js 在需要使用的组件中引入docxtemplater和FileSaver.js： ```javascript import Docxtemplater from 'docxtemplater' import FileSaver from 'file-saver' ``` 4. 加载Word模板并替换变量 在组件中使用以下代码加载Word模板并替换变量： ```javascript // 读取Word模板 const xhr = new XMLHttpRequest(); xhr.open('GET', '/path/to/template.docx', true); xhr.responseType = 'arraybuffer'; xhr.onload = function() { const data = new Uint8Array(xhr.response); const doc = new Docxtemplater(); doc.loadZip(data); // 替换变量 doc.setData({ title: 'Hello', content: 'World!' }); doc.render(); const output = doc.getZip().generate({ type: 'blob' }); // 下载Word文档 FileSaver.saveAs(output, 'output.docx'); }; xhr.send(); ``` 5. 完成 完成以上步骤后，您就可以在Vue前端生成Word文档并下载了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值