दिलचस्प पोस्ट
स्प्रिंग में जावा कॉन्फ़िग के साथ 404 त्रुटि रीडायरेक्ट Google मैप्स एपीआई का उपयोग कर पता मान्यता ServiceStack.Net Redis: संबंधित ऑब्जेक्ट बनाम संबंधित ऑब्जेक्ट आईडी पृष्ठ के नीचे स्वचालित रूप से स्क्रॉल करें jQuery जोड़ वर्ग। सक्रिय पर मेनू Git: संस्करण-नियंत्रित फ़ाइलों को अनदेखा कर रहा है मुझे क्यों "सर्वर से कनेक्ट नहीं किया जा सकता है – एक नेटवर्क से संबंधित या इंस्टेंस-विशिष्ट त्रुटि"? एक कोड कैसे लिखता है जो प्रदर्शन को सुधारने के लिए सबसे अच्छा उपयोग करता है CPU कैश? Asp.Net MVC: क्यों मेरे दृश्य मेरे नियंत्रक को नल मॉडल वापस उत्तीर्ण है? कस्टम कैमरा एंड्रॉइड हटाए जाने की अनुमति है? T-SQL संग्रहीत कार्यविधि जो एकाधिक आईडी मान स्वीकार करता है स्काला में `: _ *` (कोलन अंडरस्कोर स्टार) क्या करता है? कार्य में किसी अपवाद के मामले में उपयोगकर्ता इनपुट के आधार पर कई बार एक कार्य का पुनः प्रयास करें URL: उपयोगकर्ता नाम @

सीएसएस के साथ पीडीएफ के रूप में एक पूर्व तत्व सहेजें

मैंने एक सिंटैक्स हाईलाइटर बनाया है और मुझे एक पीडीएफ के रूप में सहेजने का विकल्प चाहिए। मैंने इस SO प्रश्न को देखा है, लेकिन इसे डाउनलोड करने से सीएसएस स्टाइल को संरक्षित नहीं किया जाता है, जो हाइलाइट फाइल को डाउनलोड करने के बिंदु को नष्ट कर देता है। सीएसएस को बनाए रखने के दौरान क्या मैं एक पीडीएफ के रूप में अपने pre तत्व को बचा सकता हूं?

HTML:

 <pre id='output'> (highlighted portion) </pre> <button id='save'>Save as PDF</button> 

जे एस:

 $('#save').click(function(){ //this is what I need help with }); 

जैसा कि आप देख सकते हैं, मैं jQuery का उपयोग कर रहा हूं, अगर यह मायने रखता है

वेब के समाधान से एकत्रित समाधान "सीएसएस के साथ पीडीएफ के रूप में एक पूर्व तत्व सहेजें"

नई window खोलने का प्रयास करें, pre html , style जोड़कर, यदि कोई भी pre तत्व के लिए, नई window document.body । कोई कॉल, नई window .focus() , .print() ; सिस्टम प्रिंट संवाद का चयन करें, "फ़ाइल में प्रिंट करें" चुनें

 $("#save").click(function() { var text = $("#output")[0].outerHTML; // `styles`: `style` element; // or `String` "<style>.light{color:#0af;}</style>" ; // alternatively , add `style` attribute to `pre` element directly, // eg, `<pre style="color:#0af;">` var styles = $("style")[0].outerHTML; var popup = window.open("", "popup"); // append `text`:`pre` element `styles`:`style` element // at `popup` `document.body` popup.document.body.innerHTML = text + styles; popup.focus(); popup.print(); }); 

jsfiddle http://jsfiddle.net/tn04ldka/2/