HTML सामग्री को सीएसएस के साथ पीडीएफ के रूप में सहेजना

वेब विकास में, विभिन्न प्रारूपों में सामग्री निर्यात करते समय भी दृश्य सौंदर्यशास्त्र को संरक्षित करना महत्वपूर्ण है। HTML तत्वों को पीडीएफ के रूप में सहेजने का प्रयास करते समय यह चुनौतियां पेश कर सकता है, क्योंकि रूपांतरण प्रक्रिया के दौरान सीएसएस स्टाइल खो सकता है।

ऐसे मामलों के लिए जहां सहेजे गए पीडीएफ में सीएसएस को बनाए रखना जरूरी है, निम्नलिखित दृष्टिकोण का उपयोग करने पर विचार करें:

1. एक नई विंडो बनाएं: सामग्री को पीडीएफ के रूप में सहेजने के लिए समर्पित एक नई ब्राउज़र विंडो खोलें।
2. HTML और CSS जोड़ें: जिस तत्व को आप सहेजना चाहते हैं उसका HTML कोड नई विंडो के दस्तावेज़ निकाय में जोड़ें। इसके अतिरिक्त, तत्व की उपस्थिति के लिए आवश्यक कोई भी सीएसएस स्टाइल शामिल करें।
3. फोकस और प्रिंट: नई विंडो पर फोकस करें और प्रिंटिंग प्रक्रिया शुरू करें। सिस्टम प्रिंट संवाद में, "फ़ाइल में प्रिंट करें" विकल्प का चयन करें। यहां एक जावास्क्रिप्ट स्निपेट है जो दृष्टिकोण प्रदर्शित करता है:

$('#save').click(function() { var text = $("#output")[0].outerHTML; // `शैलियाँ`: `शैली` तत्व; // या `स्ट्रिंग` "" ; // वैकल्पिक रूप से, `style` विशेषता को `pre` तत्व में सीधे जोड़ें, // उदाहरण के लिए, `

>`
  var शैलियाँ = $("शैली")[0].outerHTML;
  var पॉपअप = window.open('', 'पॉपअप');
  // `टेक्स्ट`:`पूर्व` तत्व `शैलियाँ`:`शैली` तत्व जोड़ें
  // `पॉपअप` `document.body` पर
  Popup.document.body.innerHTML = पाठ शैलियाँ;
  पॉपअप.फोकस();
  पॉपअप.प्रिंट();
});
इस दृष्टिकोण को अपनाकर, आप सीएसएस स्टाइलिंग के माध्यम से उनके दृश्य सौंदर्यशास्त्र को बनाए रखते हुए एचटीएमएल तत्वों को पीडीएफ के रूप में कुशलतापूर्वक सहेज सकते हैं।