दिलचस्प पोस्ट
URL से डाउनलोड / स्ट्रीम फ़ाइल – asp.net कैसे ऐनम मूल्य के लिए कोशिश करो? क्या मैं थ्रेडों को छोड़ने के बाद __syncthreads () का उपयोग कर सकता हूं? बूस्ट कहां है? प्रक्रिया? क्लासिक एएसपी: कुकीज़ में एकाधिक ASPSESSIONID Deserializing करते समय वैकल्पिक संपत्ति का नाम वाइल्डकार्ड के साथ नया जेनेरिक ऑब्जेक्ट बनाना मैं केवल 4 इंच के स्क्रीन उपकरणों के लिए आईओएस ऐप कैसे सीमित कर सकता हूं? DROP डेटाबेस अनुमतियों के बिना कमांड लाइन से सभी MySQL टेबल कैसे निकालें? सी # में मैं एक और थ्रेड से GUI कैसे अपडेट करूं? jQuery के AJAX फ़ाइल अपलोड PHP अपलोड की गई फाइलों की संख्या की गणना और सीमित करें (HTML फ़ाइल इनपुट) ViewBag, ViewData और TempData मैं पायथन कोड कैसे सुरक्षित करूं? जब UIViewController दृश्य को बुलाया जाता है?

जावास्क्रिप्ट का उपयोग कर पीडीएफ के रूप में एक HTML पेज में एक div डाउनलोड करें

मेरे पास आईडी के साथ एक सामग्री डिवेल "सामग्री" है सामग्री div में मेरे पास कुछ ग्राफ़ और कुछ टेबल हैं I मैं उस div को एक पीडीएफ के रूप में डाउनलोड करना चाहता हूं जब उपयोगकर्ता डाउनलोड बटन पर क्लिक करे। जावास्क्रिप्ट या jQuery का उपयोग करने का कोई तरीका क्या है?

Solutions Collecting From Web of "जावास्क्रिप्ट का उपयोग कर पीडीएफ के रूप में एक HTML पेज में एक div डाउनलोड करें"

आप इसे jsPDF का उपयोग कर सकते हैं

डेमो

नमूना उपयोग:

HTML:

<div id="content"> <h3>Hello, this is a H3 tag</h3> <p>a pararaph</p> </div> <div id="editor"></div> <button id="cmd">generate PDF</button> 

जावास्क्रिप्ट:

 var doc = new jsPDF(); var specialElementHandlers = { '#editor': function (element, renderer) { return true; } }; $('#cmd').click(function () { doc.fromHTML($('#content').html(), 15, 15, { 'width': 170, 'elementHandlers': specialElementHandlers }); doc.save('sample-file.pdf'); }); 

डेमो

आपके समाधान में कुछ एजेक्स विधि की आवश्यकता होती है जो एचटीएमएल को बैक-एंड सर्वर पर पास करने के लिए पीडीएफ सुविधा के लिए html है और फिर ब्राउज़र पर वापस उत्पन्न पीडीएफ आउटपुट लौटाता है।

पहले क्लाइंट साइड कोड सेट अप करते हुए, हम jquery कोड को सेट करेंगे

  var options = { "url": "/pdf/generate", "data": "data=" + $("#content").html(), "type": "post", } $.ajax(options) 

फिर html2pdf पीढ़ी स्क्रिप्ट से डेटा को अवरुद्ध करें

  $html = $_POST['data']; $pdf = html2pdf($html); header("Content-Type: application/pdf"); //check this is the proper header for pdf header("Content-Disposition: attachment; filename='some.pdf';"); echo $pdf; 

JQuery में ऐसा कोई तंत्र नहीं है, लेकिन आप http://www.webresourcesdepot.com/create-pdf-files-with-javascript-jspdf/ जैसे प्लगइन्स का उपयोग कर सकते हैं

इस पोस्ट को भी जांचें क्या jQuery का उपयोग कर पीडीएफ बनाने संभव है?

AFAIK कोई देशी jquery फ़ंक्शन नहीं है जो यह करता है सर्वोत्तम विकल्प सर्वर पर रूपांतरण की प्रक्रिया करना होगा। आप ऐसा कैसे करते हैं यह निर्भर करता है कि आप किस भाषा का प्रयोग कर रहे हैं (.net, php आदि।) आप उस डिवाइन की सामग्री को उस फ़ंक्शन पर पास कर सकते हैं जो रूपांतरण को संभालता है, जो उपयोगकर्ता को पीडीएफ वापस लौटाएगा।

हाँ, जेएस में पीडीएफ के रूप में div को कैप्चर करना संभव है। आप https://grabz.it द्वारा दिए गए समाधान की जांच कर सकते हैं उनके पास अच्छा और साफ जावास्क्रिप्ट एपीआई है जो आपको एक HTML तत्व जैसे कि एक div या span की सामग्री पर कब्जा करने की अनुमति देगा।

तो, यो आपको इसकी आवश्यकता होगी और ऐप + कुंजी और मुक्त एसडीके का उपयोग करें । इसके उपयोग निम्नानुसार है:

मान लें कि आपके पास एक HTML है:

 <div id="features"> <h4>Acme Camera</h4> <label>Price</label>$399<br /> <label>Rating</label>4.5 out of 5 </div> <p>Cras ut velit sed purus porttitor aliquam. Nulla tristique magna ac libero tempor, ac vestibulum felisvulput ate. Nam ut velit eget risus porttitor tristique at ac diam. Sed nisi risus, rutrum a metus suscipit, euismod tristique nulla. Etiam venenatis rutrum risus at blandit. In hac habitasse platea dictumst. Suspendisse potenti. Phasellus eget vehicula felis.</p> 

सुविधाओं आईडी के तहत क्या हासिल करने के लिए आपको निम्न की आवश्यकता होगी:

 //add the sdk <script type="text/javascript" src="grabzit.min.js"></script> <script type="text/javascript"> //login with your key and secret. GrabzIt("KEY", "SECRET").ConvertURL("http://www.example.com/my-page.html", {"target": "#features", "format": "pdf"}).Create(); </script> 

आपको अपने लक्षित यूआरएल के साथ http://www.example.com/my-page.html और अपने सीएसएस चयनकर्ता प्रति # #feature को बदलना होगा।

बस इतना ही। अब, जब पृष्ठ को एक छवि स्क्रीन लोड किया जाता है, तो अब स्क्रिप्ट टैग के समान स्थान पर बनाया जाएगा, जिसमें सुविधाओं div की सभी सामग्री शामिल होगी और कुछ और नहीं

अन्य कॉन्फ़िगरेशन और अनुकूलन आप div-screenshot तंत्र के लिए कर सकते हैं, कृपया उन्हें यहां देखें