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属性中填充该标记）。 / p>

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

1 个答案: