将网页中选定的div集合导出为PDF或Word

Question

以下可能吗？ 给定一个带有一组具有特殊ID或类的div的网页，并在该div中添加一个标题（h1？）和一个标记，请显示div标题的选择列表和多个复选框，并选择一个按钮进行全部导出将选定的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>

Answer 1

编辑：我想我现在更好地理解了这个问题。 您要问的是如何识别和呈现HTML文档的片段，而不是如何构建PDF / Word文件。

假设您使用的是jquery和jquery-ui-dialog插件，则可以在对话框的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属性中）。