`
xdoc
  • 浏览: 296446 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用JavaScript生成PDF、word。。。

    博客分类:
  • XDOC
 
阅读更多

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
1
1
分享到:
评论
4 楼 qq_26218337 2016-06-01  
new XDoc.xdoc()这个运行报错啊  怎么解决啊   
新版的那个地址也失效了 
求楼主帮忙啊
3 楼 mingmingshiriyue 2015-12-03  
您好:
new XDoc.xdoc() 这个xdoc对象就没有定义啊?还有后面的很多
new XDoc.meta({author:"xdoc",title:"XDOC JavaScript 文档模型"});
new XDoc.rect({width:200,height:60,color:"",dock:"bottomcenter"});
...
2 楼 xdoc 2015-12-03  
mingmingshiriyue 写道
var xdoc = new XDoc.xdoc();  这个运行报错啊!
http://localhost:8080/xdoc/xdoc.js
你引用的这个js有修改?

新版有改进:http://xdoc.aliapp.com/web.html
1 楼 mingmingshiriyue 2015-12-03  
var xdoc = new XDoc.xdoc();  这个运行报错啊!
http://localhost:8080/xdoc/xdoc.js
你引用的这个js有修改?

相关推荐

    PDF转Word(互转)

    在使用Solid Converter进行PDF转Word时,用户可以按照以下步骤操作: 1. **启动软件**:首先,运行安装在电脑上的Solid Converter v10应用程序。 2. **添加PDF文件**:通过软件界面的“添加文件”功能,选择需要...

    poi 生成pdf等

    "poi 生成pdf等" 这个标题指的是使用Apache POI库来创建PDF和其他格式的文档。Apache POI是一个流行的开源Java API,主要用于读取和写入Microsoft Office格式的文件,如Word(.doc, .docx)、Excel(.xls, .xlsx)等...

    thymeleaf框架通过java渲染html生成pdf

    接下来,创建一个Word格式的模板文件,例如`template.docx`,并在其中定义好所需的布局和占位符。Thymeleaf表达式可以被用来动态替换这些占位符。 然后,我们需要一个库来处理HTML到PDF的转换。一个常用的库是iText...

    js导出pdf和word

    "js导出pdf和word"是一个关键的话题,它涉及到JavaScript库和插件的使用,使得开发者能够在浏览器环境中直接将内容导出为PDF或Word文档,而无需服务器端的参与。这种功能极大地提升了用户体验,因为用户可以直接在...

    Itext利用模板生成PDF实例demo,导入即可使用,供前台下载,打印,预览等

    在这个实例中,我们看到Itext被用来通过模板生成PDF文件,这种做法可以极大地简化PDF内容的构建过程。 **模板驱动的PDF生成** 模板驱动的PDF生成是一种高效的方法,特别是当需要多次重复类似内容但细节略有不同的...

    生成pdf,加密、编辑pdf

    - **方法三:编程生成**:如果你是程序员,可以使用Python的PyPDF2库,Java的iText库,或者JavaScript的PDF.js来生成PDF,这通常用于自定义需求,例如自动化报告生成。 2. **PDF加水印**: - **手动添加**:Adobe...

    asp.net生成PDF详解

    6. **PDF.js**:对于前端生成PDF,可以利用JavaScript库PDF.js,它由Mozilla开发,能够将HTML5 Canvas渲染为PDF,但需要在客户端执行。 7. **ASP.NET Core中的PDF生成**:对于ASP.NET Core开发者,可以选择如...

    javaScript导出word和excel例子

    这个库允许JavaScript生成PDF文件,虽然不是直接生成Word文件,但用户可以将生成的PDF文件用软件如Microsoft Word打开和编辑。 5. **xlsx-js库**: 对于导出Excel文件,可以使用xlsx-js(也称为SheetJS)库。这个...

    php转word,pdf(均支持html) tcpdf,fpdf,phptoword,

    TCPDF(https://tcpdf.org/)是一个流行的PHP库,用于生成PDF文档。它支持多种字体、图像格式和Unicode字符集,能处理HTML、CSS、JavaScript等,提供灵活的布局和样式控制。TCPDF的强大之处在于其广泛的自定义选项,...

    个人测试用 生成pdf测试

    1. **PDF库**:为了生成PDF,开发人员会使用专门的库或API,例如iText、PDFsharp、PyPDF2(Python)、PDFKit(JavaScript)等。这些库提供了编程接口,允许程序员创建、编辑和操作PDF文档。 2. **内容创建**:生成...

    js在线预览wordpdf.rar

    - 使用JavaScript库(如PDF.js和WebODF)解析文件内容,并在浏览器中生成渲染的视图。 - 应用程序可能需要通过Web Worker处理大文件,避免阻塞主线程,确保流畅的用户体验。 - 预览界面通常会提供一些交互功能,...

    html下载PDF WORD

    首先,`jspdf.debug.js`是用于生成PDF的JavaScript库——`jsPDF`。这个库允许开发者在浏览器端创建PDF文档,支持添加文本、图像、形状等元素。利用`jsPDF`,你可以把HTML页面的关键内容转换为PDF格式,使得用户可以...

    网页转pdf,word转pdf,网页转word,wordtopdf,htmltoword,htmltopdf

    例如,JavaScript库如Puppeteer或PDFKit可以用于服务器端生成PDF,而客户端则可以使用Chrome的`print to PDF`功能。 2. **Word转PDF**: Word文档转换为PDF,主要是为了防止格式在不同设备间的变化。这可以通过...

    wordToPDF_pdfword_word转pdf_word转pdf_pdf_firehhy_源码.zip

    - Python中,可能使用python-docx读取Word文档,然后使用报告Lab、PyPDF2或PDFKit生成PDF。 - C#中,可能使用Microsoft.Office.Interop.Word进行Office操作,或者使用Aspose.Words这样的第三方库。 3. **转换原理...

    word转PDF然后实现在线预览的功能.rar

    - **转换工具**:通常,我们可以使用各种库或服务来实现这个转换,例如Apache POI(Java)用于处理Microsoft Office格式,iText(Java/NET)或PDFBox(Java)用于生成PDF。在.NET环境中,可能使用Aspose.Words或...

    js直接调用word文档打印word

    5. **PDF转换**:另一种常见的方式是将Word文档转换为PDF,然后使用JavaScript的PDF.js库预览和打印PDF。这种方式适用于大多数现代浏览器,但需要额外的转换步骤。 6. **Web组件或服务**:利用第三方服务,如...

    Java通过IText导出word和pdf所有jar

    Java是一种广泛使用的编程语言,尤其在企业级应用开发中占据主导...综上所述,这个压缩包提供了Java项目中用于生成PDF和Word文档所需的库,同时考虑了Spring框架的集成,适合需要进行文档导出功能的Java开发者使用。

    word2html html2pdf

    HTML转PDF的工具或库可能包括wkhtmltopdf、Puppeteer(基于Chrome的Headless浏览器)、PhantomJS等,它们能渲染HTML页面并生成PDF。 在压缩包子文件的文件名称列表中,只提到了"lib",这通常意味着包含了一些库文件...

    Jquery导出word、pdf、excel、json、png

    2. **报告生成**:网页中的信息可以导出为Word或PDF,用于创建专业的报告或文档。 3. **教学材料**:教师可以将网页内容导出为PPT,用于课堂教学。 4. **数据备份**:将网页中的JSON数据导出,作为数据备份或传输...

    jsp页面生成word或excel.pdf

    一是直接在客户端通过JavaScript库如jsWord生成,然后保存到本地。二是从服务器获取数据,在客户端使用Ajax请求生成并下载。后一种方式可能需要在服务器端提供接口,将数据以适合生成Word的格式返回。 四、控制文件...

Global site tag (gtag.js) - Google Analytics