用JavaScript生成PDF、word。。。

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>

 

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.youkuaiyun.com/joeson7456/article/details/79387680

【亲测免费】 探索xDoc:一款高效、可扩展的文档生成工具

探索xDoc:一款高效、可扩展的文档生成工具 项目简介 是一个开源的文档生成工具,由Java开发者TreeLeafJ创建。它的目标是帮助开发者轻松地将注释转化为结构化的、美观的API文档,适用于各种类型的项目,无论是Web服务还是桌面应用。 技术分析 核心特性 Markdown支持 - xDoc基于Markdown语法,使得编写文档变得简单且直观。开发人员可以利用Markdown的强大功能,如代...

gitblog_00065的博客 555

Python实战:用Py2neo轻松玩转Neo4j图数据库(附完整CRUD示例)

本文通过构建武侠知识图谱的实战案例,详细介绍了如何使用Python的Py2neo库对Neo4j图数据库进行CRUD操作。内容涵盖环境搭建、节点与关系创建、Cypher查询、数据更新删除及事务管理,帮助开发者直观高效地处理复杂关联数据,实现从入门到进阶的完整交互流程。

weixin_29034963的博客 185

记录一次使用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

Halcon Camera-calibration 相关算子(一)

Halcon Camera-calibration 相关算子介绍

qq_44744164的博客 1366

C# 操作Excel的时候,出现"被呼叫方拒绝接受呼叫的异常"的解决方案(参考官方给出的解决方案)

首先官方有对这个错误给出解释和解决方案,连接如下: https://docs.microsoft.com/zh-cn/previous-versions/ms228772(v=vs.120)#%E5%8F%AF%E9%9D%A0%E7%BC%96%E7%A8%8B 简单来说,貌似是线程问题,我猜。。。 之前我尝试着在代码中添加 Thread.Sleep(1000); 来进行解决,这种办...

Ck_Max的博客 5767

前端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

小白学电路之cadance搭建buffer电路

Buffer(缓冲器)是一种放大器或驱动电路,主要用于隔离输入和输出,以防止负载对前级电路造成干扰或影响。本文作者在电路方面是小白水平,目前正在学习,有不足之处欢迎指正。3.创建新的cellview,对此buffer进行仿真验证。2.创建buffer的symbol。电路中的V2的详细参数。

weixin_58051657的博客 1984

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

【vLLM-性能洞察】基于Ascend Profiler的端到端推理瓶颈定位与优化实践

本文详细介绍了如何利用Ascend Profiler对vLLM-Ascend大模型推理服务进行端到端的性能瓶颈定位与优化。通过实战案例,阐述了从数据采集、可视化分析到诊断低效算子、内存管理、计算通信重叠及框架调度等常见瓶颈的全过程,为基于昇腾NPU的AI推理性能调优提供了系统性的方法论和实用工具指南。

cc789的博客 521

实测!Gemini+ChatGPT赋能学术写作:我的论文写作SOP(附提示词)

各位同仁好,我是七哥。一个在高校里从事人工智能相关领域研究,钻研用大模型AI实操的学术人。可以和七哥交流学术写作或Gemini、GPT、Claude等大模型学术实操相关问题,多多交流,相互成就,共同进步。为什么ChatGPT逻辑清晰却写不长?为什么Gemini能深入分析但废话连篇?这其实是两种模型架构的本质差异,GPT系列擅长指令跟随和语言精炼,而Gemini原生支持超长上下文,适合深度文本生成。两者在深度生成与精炼表达上形成了天然互补。我们可以将它们组合起来使用发挥他们各自的特长。

智能AI让学术科研更容易 521

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

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

Hello World! 1万+

ncode控件使用总结

数据格式txt转s3t #HEADER #TITLES Absolute_Time,COG_Ax,COG_Ay,COG_Az,LF_SPINDLE_AZ #UNITS ,g,g,g,g, #DATATYPES Double,Float,Float,Float,Float #DATA 2. 导入s3t数据 3. 输入数据控件 直接拖入数据源或者添加控件数据 4.

技术联盟 2006

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

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

qq_27319683的博客 1609

UE5接入在线直播视频源,如hls(m3u8)格式

UE5接入在线直播视频源

专注GIS开发 9499

Devexpress16.2.6破解工具

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

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

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

gitblog_00729的博客 1325

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

使用nodejs 根据word模板导出pdf

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

沉浮yu大海的博客 3539

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

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

如何利用js实现word转pdf?

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值