웹 페이지에서 선택한 div 세트를 PDF 또는 Word로 내보내기

Question

다음 작업이 가능합니까? 특별 ID 또는 클래스가있는 div 세트가있는 웹 페이지가 있고이 div에는 제목 (h1?)과 마크 업 조각이 있고 div 제목 마녀 체크 상자의 선택 목록과 모두를 선택하는 버튼, 내보내기 선택한 div가 PDF 또는 Word로 이동합니다.

예 마크 업 :

<Select all> 

[X] Chapter One 
[X] Chapter Two 

<Export to Word> <Export to PDF> 

Answer 1

편집 : 수출 버튼의 클릭에

: 
<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> 
: 

가있는 라이트 박스 또는 "페이지에서"팝업을 제시 내가 지금보다 나은 질문을 이해 생각한다. PDF 문서를 만드는 방법이 아니라 HTML 문서의 조각을 식별하고 제시하는 방법을 묻습니다.

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 />'); 

}); 

당신은 성공하는 방법에 대한 몇 가지 코드를 작성해야합니다 :

당신이 jQuery를 사용하고 있고 JQuery와 - UI를-대화 플러그인, 당신은 대화의 open 방법 내부 이런 식으로 뭔가를 시도 할 수 있습니다 가정 체크 박스 집합을 기반으로 원하는 마크 업을 실제로 캡처 할 수 있습니다 (확인란 value 속성에 해당 마크 업을 채워서는 안됩니다).