"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > प्री एलिमेंट्स के पीडीएफ एक्सपोर्ट में सीएसएस स्टाइलिंग को कैसे सुरक्षित रखें?

प्री एलिमेंट्स के पीडीएफ एक्सपोर्ट में सीएसएस स्टाइलिंग को कैसे सुरक्षित रखें?

2024-11-08 को प्रकाशित
ब्राउज़ करें:928

How to Preserve CSS Styling in PDF Exports of Pre Elements?

पूर्व तत्वों के पीडीएफ निर्यात में सीएसएस स्टाइल को संरक्षित करना

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

एक नई विंडो बनाएं

: एक नई ब्राउज़र विंडो खोलें।
  1. HTML और शैलियाँ जोड़ें: पूर्व का HTML डालें तत्व, किसी भी प्रासंगिक शैली सहित, नई विंडो के दस्तावेज़ निकाय में।
  2. फोकस और प्रिंट: नई विंडो पर फोकस करें और प्रिंट प्रक्रिया शुरू करें।
  3. सिस्टम प्रिंट डायलॉग: सिस्टम प्रिंट डायलॉग में, हाइलाइट किए गए कोड को पीडीएफ के रूप में सहेजने के लिए "फाइल पर प्रिंट करें" विकल्प का चयन करें।
  4. कोड उदाहरण
$('#save').click(function() { var text = $("#output")[0].outerHTML; // `स्टाइल` तत्व को पुनः प्राप्त करें और जोड़ें, या इनलाइन स्टाइल को परिभाषित करें var शैलियाँ = $("शैली")[0].outerHTML; var पॉपअप = window.open('', 'पॉपअप'); पॉपअप.डॉक्यूमेंट.बॉडी.इनरएचटीएमएल = टेक्स्ट शैलियाँ; पॉपअप.फोकस(); पॉपअप.प्रिंट(); });

कार्यान्वयन संबंधी विचार
$("#save").click(function() {
  var text = $("#output")[0].outerHTML;
  // retrieve and append `style` element, or define inline styling
  var styles = $("style")[0].outerHTML;
  var popup = window.open("", "popup");
  popup.document.body.innerHTML = text   styles;
  popup.focus();
  popup.print();
});
सुनिश्चित करें कि शैलियों चर में या तो शैली तत्व या पूर्व तत्व से संबंधित इनलाइन स्टाइलिंग जानकारी शामिल है।

सीएसएस मीडिया को समायोजित करें पीडीएफ में इष्टतम स्वरूपण सुनिश्चित करने के लिए आवश्यक प्रश्न। सटीक प्रस्तुतिकरण के साथ हाइलाइट किए गए कोड को साझा करें और संग्रहीत करें।
    विज्ञप्ति वक्तव्य यह लेख यहां पुनर्मुद्रित है: 1729667619 यदि कोई उल्लंघन है, तो कृपया इसे हटाने के लिए स्टडी_गोलंग@163.कॉम से संपर्क करें।
    नवीनतम ट्यूटोरियल अधिक>

    चीनी भाषा का अध्ययन करें

    अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

    Copyright© 2022 湘ICP备2022001581号-3