javascript - जावास्क्रिप्ट या jquery का उपयोग कर एचटीएमएल पेज को पीडीएफ के रूप में सहेजना संभव है?



5 Answers

हां जावास्क्रिप्ट के साथ करना बहुत आसान है। आशा है कि यह कोड आपके लिए उपयोगी है।

आपको जेएसपीडीएफ लाइब्रेरी की आवश्यकता होगी।

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

<script>
    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');
    });

    // This code is collected but useful, click below to jsfiddle link.
</script>

jsfiddle लिंक यहाँ

javascript jquery jquery-ui

जावास्क्रिप्ट या jquery का उपयोग कर एचटीएमएल पेज को पीडीएफ के रूप में सहेजना संभव है?

विस्तार से:

मैंने एक HTML पृष्ठ जेनरेट किया जिसमें एक टेबल है। इसमें एक बटन 'पीडीएफ के रूप में सहेजें' है। यदि उपयोगकर्ता उस बटन पर क्लिक करता है तो उस HTML पृष्ठ को पीडीएफ फ़ाइल के रूप में परिवर्तित करना होगा।

क्या जावास्क्रिप्ट या jquery का उपयोग करना संभव है?




आप फैंटोमज का उपयोग कर सकते हैं। here डाउनलोड here और HTML-> पीडीएफ रूपांतरण सुविधा का परीक्षण करने के लिए निम्न उदाहरण का उपयोग करें https://github.com/ariya/phantomjs/blob/master/examples/rasterize.js

उदाहरण कोड:

phantomjs.exe examples/rasterize.js http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/xhtml/index.html sample.pdf



जावास्क्रिप्ट का उपयोग करके एचटीएमएल को पीडीएफ में परिवर्तित करने का एक और बहुत स्पष्ट और आसान तरीका है: इसके लिए एक ऑनलाइन एपीआई का उपयोग करें। यदि उपयोगकर्ता ऑफ़लाइन होने पर रूपांतरण करने की आवश्यकता नहीं है तो यह ठीक काम करेगा।

FreeHtmlToPdf.com एक विकल्प है जिसमें एक अच्छा एपीआई है। मुझे यकीन है कि आप विकल्प पा सकते हैं (जैसे PdfMage जो स्पष्ट रूप से अपना स्वयं का एपीआई है लेकिन इसका प्रोटोकॉल साझा नहीं करता है)।

FreeHtmlToPdf API के लिए आपके पास ऐसा कुछ होगा:

var form = document.createElement("form");
form.setAttribute("method", "post");
form.setAttribute("action", "http://freehtmltopdf.com");

var hiddenField = document.createElement("input");
hiddenField.setAttribute("name", "html");
hiddenField.setAttribute("value", "<html><body>Hi there!</body></html>");
form.appendChild(hiddenField);

hiddenField = document.createElement("input");
hiddenField.setAttribute("name", "baseurl");
hiddenField.setAttribute("value", "http://localhost");
form.appendChild(hiddenField);

hiddenField = document.createElement("input");
hiddenField.setAttribute("name", "convert");
hiddenField.setAttribute("value", "");
form.appendChild(hiddenField);

document.body.appendChild(form);
form.submit();



हाँ। उदाहरण के लिए आप https://grabz.it द्वारा समाधान का उपयोग कर सकते हैं।

इसे जावास्क्रिप्ट एपीआई मिला है जिसका उपयोग स्क्रीनशॉट को पकड़ने और कुशल बनाने के विभिन्न तरीकों से किया जा सकता है। इसे अपने ऐप में इस्तेमाल करने के लिए आपको पहले ऐप कुंजी और गुप्त प्राप्त download और मुफ्त जावास्क्रिप्ट एसडीके download करने की आवश्यकता होगी।

तो, इसे उपयोग करने के लिए एक सरल उदाहरण देखें:

//first include the grabzit.min.js library in the web page
<script src="grabzit.min.js"></script>
//include the code below to add the screenshot to the body tag    
<script>
//use secret key to sign in. replace the url.
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.google.com").Create();
</script>

फिर बस थोड़ी देर प्रतीक्षा करें और पृष्ठ को पृष्ठ को फिर से लोड करने की आवश्यकता के बिना, पृष्ठ पृष्ठ के नीचे स्वचालित रूप से दिखाई देगी।

यह सबसे आसान है। छवि मैनिपुलेशन के साथ अधिक उदाहरणों के लिए, तत्वों के लिए स्क्रीनशॉट संलग्न करना आदि। documentation जांच करें।




मुझे नहीं लगता क्योंकि जावास्क्रिप्ट डिस्क पर नहीं लिख सकता है, आपको सर्वर को पेज भेजना चाहिए और पीडीएफ फाइल जेनरेट करना चाहिए तो क्लाइंट इसे डाउनलोड करेगा






Related