將網頁中選定的div集導出爲PDF或Word

以下可能嗎？給定一個具有特殊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>

來源

2011-09-08 Serge van den Oever

編輯：我想我最好現在明白了問題。您正在詢問如何識別和呈現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屬性內填充該標記）。

來源

2011-09-08 19:12:05 Tom

其實我也指出口到Word和PDF :-)例如http://www.nicblue.com/gridnic/，頁面底部的示例可以從客戶端導出到Excel，Word和PDF端代碼！ –

該示例僅生成專門用於打印的網頁，然後觸發瀏覽器的打印事件。如果您使用類似的方法，您仍然需要獨立解決Word問題。如果您希望用戶單擊某個按鈕並接收可下載的文件，則需要使用後端代碼來生成所需的格式 - 在這種情況下，可以將標記放入PDF不會爲您提供您想要的結果，因爲其他文檔格式的查看器不包含瀏覽器呈現引擎，也不用於實現相同的格式約定。 – Tom

你應該在背面生成pdf（使用帶有第三方庫的java + servlet，例如itext） – benchpresser

將網頁中選定的div集導出爲PDF或Word

回答

相關問題