用JavaScript生成PDF、word。。。

【实战分享】js生成word(docx),以及将word转成pdf解决方案分享 本文将记录如何用js生成word文件,并在node服务器端将word转换成pdf。记录的代码均是在真实业务场景中使用成功的代码,没有记录中间踩坑的过程。想直接抄答案的家人们可以跳转到1.2 程序编写部分,最终效果图可在1.2 程序编写部分中4. 效果展示模块查看。 如果有更好的解决方案,也欢迎大家在评论区讨论、分享~ 本文demo存放地址:github.com/ChicKo1108/… 一、DocxTemplater:使用js生成word 老铁们,话不多说,先上链接:Docxtemplater | Wor 阅读详情

JavaScript几乎是全能的,但用它生成pdf和word文档还是难为它了。

XDOC使这个成为可能,你可以任意获取页面的内容,组织成为一个漂亮的PDF或word文档,废话少说,看看效果:



 

看看代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>XDOC</title>
</head>
<body>
<script type="text/javascript" src="http://localhost:8080/xdoc/xdoc.js" charset="UTF-8"></script>
<script type="text/javascript">
//设置XDocServer地址
XDoc.server = "http://localhost:8080/xdoc";
//创建XDOC
var xdoc = new XDoc.xdoc();
//元数据
xdoc.meta = new XDoc.meta({author:"xdoc",title:"XDOC JavaScript 文档模型"});
//徽标
xdoc.back.add(new XDoc.img("http://www.baidu.com/img/baidu_sylogo1.gif"));
//水印
xdoc.back.add(new XDoc.stext("内部资料", {color:"",fillColor:"#f0f0f0",bold:true,width:400,height:200,rotate:-45,dock:"center"}));
//页码
var rect = new XDoc.rect({width:200,height:60,color:"",dock:"bottomcenter"});
var para = new XDoc.para({align:"center"});
para.add(new XDoc.text("第#pageno#页/共#pagecount#页"));
rect.add(para);
xdoc.back.add(rect);
//内容
xdoc.body.add(new XDoc.para({heading:1,lineSpacing:20}, new XDoc.text("XDOC JavaScript 文档模型", {fontSize:28})));
xdoc.body.add(new XDoc.para({heading:2,lineSpacing:18}, new XDoc.text("段落文字", {fontSize:26})));
para = new XDoc.para({indent:40}, new XDoc.text("缩进40"));
xdoc.body.add(para);
para.add(new XDoc.text("隶书18", {fontName:"隶书", fongSize:18}));
para.add(new XDoc.text("粗体", {fontStyle:"bold"}));
para.add(new XDoc.text("红色下划线", {fontStyle:"underline_red"}));
para.add(new XDoc.text("斜体红字黄背景", {fontStyle:"italic",fontSize:20,fontColor:"red",backColor:"yellow"}));
para.add(new XDoc.text("超链接", {fontStyle:"underline",fontColor:"blue",href:"http://www.hgsql.com"}));
xdoc.body.add(new XDoc.para({align:"center",prefix:"■  ",lineSpacing:10,backColor:"lightGray"}, new XDoc.text("居中带前缀,行间距10,背景亮灰色")));
xdoc.body.add(new XDoc.para({heading:2,lineSpacing:18}, new XDoc.text("图片、图表、条形码", {fontSize:26})));
xdoc.body.add(new XDoc.para({}, new XDoc.img("http://www.baidu.com/img/baidu_sylogo1.gif")));
xdoc.body.add(new XDoc.para({}, new XDoc.chart("类别,值\nA,10\nB,20\nC,30")));
xdoc.body.add(new XDoc.para({}, new XDoc.barcode("1234567890", {href:"http://www.hgsql.com"})));
var table = new XDoc.table({sizeType:"autoSize"});
for (var i = 0; i < 6; i++) {
	for (var j = 0; j < 6; j++) {
		table.add(new XDoc.text(i + "," + j), i, j);
	}
}
table.add(new XDoc.text("合并单元格"), 1, 2, 2,2);
table.add(new XDoc.img("http://www.baidu.com/img/baidu_sylogo1.gif",{sizeType:"normal",color:"#000000"}), 3, 1, 2,2);
xdoc.body.add(new XDoc.para({}, table));
//显示
//xdoc.show();
//转换为PDF
xdoc.toPdf();
//转换为Word2007
//xdoc.toDocx();
//打印
//xdoc.print();
</script>
</body>
</html>

 

  • 大小: 55.6 KB
Java使用freemarker生成word文档并转pdf文档 freemarker生成word文档后转pdf先来看看效果图进入正题功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 项... 阅读详情

相关推荐

xdoc:一个超级方便的文档生成工具

文档 一个前端文档生成器 安装 使用 npm 安装 xdoc: $ npm install xdoc -g 用法 初始化文档: $ xdoc init 构建文档: $ xdoc build [options] 在 127.0.0.1:8000 启动服务器: $ xdoc server 在 127.0.0.1:8000 启动服务器,观察源文件变化: $ xdoc watch 将文档发布到 spmjs.org: $ spm doc publish [options] 清理 _site 文件夹: $ xdoc clean 主题 默认主题路径是~/.spm/themes 。 安装主题: git clone https://github.com/elover/xdoc-theme ~/.spm/themes/cmd 安装 spm-doc 时将安装默认主题 。 如何写

XDOC发布9.1.8版

XDOC发布了9.1.8版,这个版本最大的改进是加入了XDOC的JavaScript客户端xdoc.js 这个客户端的加入对XDOC有着重要的意义,它将作为一个Web环境下的文档平台而存在,您可以通过简单的JavaScript就可以用它阅读、打印、生成、填写pdf、word等文档。 1、使用简单,只需要引入一个js文件,如下: &lt;script type="text/javascript...

404

js版Word、PDF下载,挺简单的

亲测可用,挺简洁的一个word、PDF等下载工具,纯js的,感觉挺好用的;

XDOC的使用和一些问题总结

打开XDOC编辑器一键打开本地xdoc模板编辑器在web开发中使用XDOC1. 准备1.1打开XDOC编辑器新建模板,并取名helloxdocMode 另存为fpd格式 1.2下载web要用到的文件:xdoc.js和fpd.swf。将helloxdocMode.fpd,xdoc.js,fpd.swf放入到web项目中。(我是都放在了WebRoot下了) 1.3新建helloxdoc.html并引

dddaac的专栏 6153

WASM-PDF –使用JavaScript和WASM(WebAssembly)生成PDF文件-Rust开发

WASM-PDF使用JavaScript和WASM(WebAssembly)在浏览器中直接生成PDF文件。 这里的想法是推动创建WASM-PDF所涉及的所有工作。使用JavaScript和WASM(WebAssembly)直接在浏览器中生成PDF文件。 这里的想法是将创建PDF所涉及的所有工作推到浏览器端,而不是使用宝贵的服务器资源。 演示示例,可从JSON文件生成示例PDF文档。 PDF中的标题会动态更改(在JavaScript中)以显示当前日期。 注意:此示例直接路由到PDF数据Blob,因此需要2个后退步骤才能返回此页面。 另一个例子

xdoc所需的js文件

xdoc 的引入js,具体使用http://blog.csdn.net/joeson7456/article/details/79387680

记录一次使用JS生成word后端转换PDF功能

大致思路 接到一个需求,将vue页面生成word,并且也可以生成pdf 前端VUE生成WORD 因为使用的是VUE大致也是分为两种方法 jquery的wordExport插件(这里使用VUE不建议使用jquery不详细阐述想研究可以自己去试一下) 大佬自己改造的js-export-word插件,和jQuery的wordExport效果差不多但是感觉还是比较好用的,而且给大佬提issue也是很快就回复了GitHub - huangbohang/export-word: 一个html导出为word..

weixin_44504047的博客 3431

Dify 部署与使用

本文介绍了Dify社区版的快速部署指南,涵盖系统架构、环境配置和初始化流程。Dify采用微服务架构,通过Docker Compose一键部署8个核心容器,包括前端、后端、数据库等组件。部署过程包括克隆代码、配置环境变量和启动服务,首次启动需3-10分钟下载镜像。文章详细讲解了.env文件的配置要点,包括服务地址、数据库连接和向量存储设置,并提供了生产环境安全加固建议。最后通过访问/install页面完成管理员账号初始化,即可开始使用Dify构建AI应用。

海兰 594

前端js生成自定义内容的PDF及word文件的实现

1.生成pdf: 使用的插件:jspdf,jspdf-autotable,html2canvas (其中jspdf-autotable可以更方便的生成表格,jspdf本身也有生成表格的API,可以根据需要选择;html2canvas是截取网页中的dom元素为canvas对象,来构建屏幕截图,如果不需要此功能,可以不使用这个插件) jspdf API地址、jspdf-autotable样式配置参考 上面两个地址可以找到大部分使用和配置介绍,以下是一个小案例: 使用这个demo前需要注意:1.需要自己生成sim

lingliu0824的博客 4776

Win10本地账户密码遗忘?巧用指纹/PIN快速重置(家庭版/专业版通用指南)

本文提供了一份详细的Win10本地账户密码遗忘自救指南,适用于家庭版和专业版用户。核心方法是利用已登录的指纹或PIN码权限,通过创建新的管理员账户或使用系统工具,安全重置遗忘的本地账户密码,无需第三方工具或重装系统,有效保护个人数据。

e6f7g8h9i的博客 582

银河麒麟(桌面版/服务器版)远程桌面配置全攻略:XRDP与VNC实战指南

本文提供了银河麒麟操作系统(桌面版与服务器版)配置远程桌面的完整实战指南。详细对比并演示了XRDP与VNC两种主流方案的安装、配置与连接步骤,涵盖从环境准备、软件安装、服务启动到客户端连接的全过程,并针对常见的黑屏、连接失败等问题给出了有效的排坑解决方案,帮助用户实现跨平台的便捷图形化远程管理。

b0c1d2的博客 814

html js 在线预览 pdf word xls等

1、前端实现pdf文件在线预览功能 方式一、pdf文件理论上可以在浏览器直接打开预览但是需要打开新页面。在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签href属性实现预览 <a href="文档地址"></a> 方式二、通过jquery插件jquery.media.js实现 这个插件可以实现pdf预览功能(包括其他各种媒体文件)但是对word等类型的文件无能为力。 实现方式: js代码: <script type="text/javas..

ChineseHW的博客 7006

【数据分析与挖掘实战】金融风控之贷款违约预测详解1(有代码和数据集)

金融风控一.题目理解1.1.题目概况1.2数据概况1.3预测指标二.数据来源三.查看数据四.分类指标计算示例4.1混淆矩阵4.2准确度4.3precision(精确度),recall(召回率),f1-score4.4P-R曲线4.5ROC曲线4.6AUC曲线4.7KS值五.数据分析5.1基本信息5.2查看数据集中特征缺失值,唯一值等5.3查看特征的数值类型有哪些,对象类型有哪些5.3.1数值连续型变量分析5.3.2非数值类别型变量分析5.3.3总结:5.4变量分布可视化5.4.1单一变量分布可视化 更新中~

m0_49263811的博客 1万+

js的导出Excel,Word,pdf的实现以及服务器端生成pdf的实现

今天无意找到了很久前的js导出excel功能,用了一下感觉不错,在网上看很多人做js导出excel,可是对表格线的导出excel总是头疼,我这里有一个简单的导出js,大家可以看看。        这只是一个简单demo: Html代码:       测试导出Excel功能     function preview() {     window.clipboardD

Hello World! 1万+

f_fs.c 初始化流程(进行中)

前言 之所以选择f_fs.c作为这系列的开始,因为usb在/driver/usb下面的内容实在太多太多,如果讲各种各样点会太分散了。所以决定切入点以实际使用为主,就是f_fs了,目前我了解这是做bulk裸传输使用的,具体的通信协议自己确定。 初始化部分 开始点从这个路径下说起, /drivers/usb/gadget/function/f_fs.c 然后f_fs.c第一个使用的是include/composite.h中的宏定义function #define DECLARE_USB_FUNCTION(_n

weixin_36406973的博客 1967

【纯血鸿蒙】安装hdc工具

参考资料:

oh.K 5557

java使用freeMark生成word,转word为pdf,利用pdfjs实现预览word

1.首先用wps创建一个word模板,模板里的动态参数可以用 ${xxx} 来表示(注:这是free mark的写法),定义好模板然后另存为xml格式,将xml模板的后缀改为 .ftl,这就是一个freemark要用到的word模板(注:有时候里边的自定义数据会自动换行,这时候要点进模板看一眼自己的动态数据项有没有被换行,换行就放在一行,删掉其他的就可以了)。 2.在pom.xml里引入需要的包:...

qq_27319683的博客 1609

DSP开发环境及工具之CCS

CCS( Code Composer Studio)是美国德州仪器(TI)公司的嵌入式处理器的开发环境,可以用于TI公司的各个系列处理器的软件开发和调试,如DSP,MCU,ARM等。CMD的专业名称叫链接器配置文件,是存放链接器的配置信息的,我们简称为命令文件。从其名称可以看出,该文件的作用是指明如何链接程序的。编辑完C语言设置,添加cmd文件之后,然后检查编译配置选项。主要的操作都是在这个窗口之间做相应的切换。

小柚子的博客 4311

docx.js与PDF转换:Word到PDF的无缝转换

在日常开发中,我们经常需要处理文档格式转换的需求。特别是Word文档(.docx)到PDF的转换,这是一个常见但充满挑战的任务。传统的解决方案往往存在以下问题: - **格式丢失**:转换过程中样式、布局经常无法完美保留 - **依赖复杂**:需要安装Office套件或第三方服务 - **跨平台问题**:不同操作系统下的兼容性问题 - **性能瓶颈**:大批量转换时效率低下 docx.js库为...

gitblog_00729的博客 1325

性能调优秘籍——让OpenClaw运行速度提升10倍(2026优化版)

OpenClaw性能优化核心摘要 本文详细介绍了提升OpenClaw系统性能的关键技术,包括: 使用性能分析器进行代码级性能诊断 内存优化与高效缓存策略 并发处理优化技术 数据库查询性能提升方法 重点内容包括: 全面的性能分析工具实现(计时、内存监控、错误跟踪) 自动生成性能报告和优化建议 操作耗时与内存占用分析算法 关键性能指标(平均耗时、内存增长)计算 通过系统性的性能分析优化,可使OpenClaw运行速度提升10倍以上。

博客 903

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

使用nodejs 根据word模板导出pdf

本文介绍了如何使用 `docxtemplater` 和 `pdfmake` 库来生成 PDF 文件。通过解析 Word 模板文件中的占位符并使用新数据生成 Word 文档,然后将 Word 文档转换为 PDF 格式。这个过程需要注意一些细节,例如模板文件的路径、占位符的格式和 PDF 文件的保存位置。希望这篇文章可以帮助你顺利地生成 PDF 文件并满足你的业务需求。

沉浮yu大海的博客 3541

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

python生成word 带目录_利用python程序生成word和PDF文档的方法

一、程序导出word文档的方法将web/html内容导出为world文档,再java中有很多解决方案,比如使用Jacob、Apache POI、Java2Word、iText等各种方式,以及使用freemarker这样的模板引擎这样的方式。php中也有一些相应的方法,但在python中将web/html内容生成world文档的方法是很少的。其中最不好解决的就是如何将使用js代码异步获取填充的数据,...

weixin_39880150的博客 1560

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

如何利用js实现word转pdf?

在上面的示例中,我们首先加载了Word文档模板,然后填充了一些数据进去。要通过JavaScript实现将Word文档转换为PDF,你可以使用一些现有的库或服务。请注意,这只是一个简单的示例,实际情况可能更复杂,具体取决于你的需求和文档的结构。此外,你需要根据自己的需求调整填充的数据和PDF页面的绘制方式。确保你的模板文档和脚本文件在同一目录下,并且模板文档的文件名为。// 将Word文档的内容绘制到PDF页面上。// 将填充好数据的文档转换为Buffer。// 将Buffer转换为PDF。

weixin_45940975的博客 1696

vue项目 将html生成pdf和word

vue项目 将html生成pdf和word

yuanfanlove的博客 1311
上一篇: 对PDF进行数字签名,生成可信的文档
下一篇: XDOC发布9.1.8版
xdocs
博客等级 码龄11年 30粉丝 98原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值