2011-09-08 150 views
1

以下可能吗?给定一个具有特殊id或class的div集合的网页,在这个div中有一个标题(h1?)和一段标记,提供一个div标题witch复选框的选择列表和一个选择所有的按钮,export选定的div为PDF或Word。将网页中选定的div集导出为PDF或Word

示例标记:

: 
<div class="selectable-and-exportable"> 
    <h1>Chapter One</h1> 
    <p>Lorum ipsum. Lorum ipsum. Lorum ipsum.</p> 
</div> 
<div class="selectable-and-exportable"> 
    <h1>Chapter Two</h1> 
    <p>Lorum ipsum. Lorum ipsum. Lorum ipsum.</p> 
</div> 
: 

关于出口点击按钮呈现灯箱或“页面”弹出用:

<Select all> 

[X] Chapter One 
[X] Chapter Two 

<Export to Word> <Export to PDF> 

回答

0

编辑:我想我最好现在明白了问题。您正在询问如何识别和呈现HTML文档的片段,而不是如何构建PDF/Word文件。

假设你正在使用jQuery和jQuery的-UI-对话框插件,你可以尝试这样的事情对话框的open方法中:

var jOptions; // this should be a reference to the element in the dialog body where you want to insert the various headings 
jQuery('.selectable-and-exportable').find('h1').each(function(){ 
    var jThis = jQuery(this); 
    jOptions.append('<input type="checkbox" name="sections" value="' + jThis.attr('id') + '" /> ' + jThis.text() + '<br />'); 

}); 

你需要编写一些代码的成功方法弹出窗口实际上根据一组复选框捕获所需的标记(您不应在复选框value属性内填充该标记)。

+0

其实我也指出口到Word和PDF :-)例如http://www.nicblue.com/gridnic/,页面底部的示例可以从客户端导出到Excel,Word和PDF端代码! –

+0

该示例仅生成专门用于打印的网页,然后触发浏览器的打印事件。如果您使用类似的方法,您仍然需要独立解决Word问题。 如果您希望用户单击某个按钮并接收可下载的文件,则需要使用后端代码来生成所需的格式 - 在这种情况下,可以将标记放入PDF不会为您提供您想要的结果,因为其他文档格式的查看器不包含浏览器呈现引擎,也不用于实现相同的格式约定。 – Tom

+0

你应该在背面生成pdf(使用带有第三方库的java + servlet,例如itext) – benchpresser