ग्रॅबझिटचे एपीआय आपल्याला कोणत्याही एचटीएमएलमध्ये रूपांतरित करण्यास अनुमती देते into पीडीएफ, डीओसीएक्स, प्रतिमा आणि बरेच काही. असे करण्यासाठी आपल्याला आमच्या एपीआय वर नियमित HTML पाठविणे आवश्यक आहे. उदाहरणार्थ, खालील उदाहरणात दर्शविलेल्या HTML सारखे काहीतरी.
<html> <body> <h1>Hello World</h1> </body> </html>
लक्षात घ्या की या एचटीएमएल उदाहरणामध्ये एचटीएमएल आणि बॉडी टॅग समाविष्ट आहेत परंतु आपल्याला फक्त एचटीएमएलचे स्निपेट रूपांतरित करायचे असल्यास हे आवश्यक नाही. तथापि आपण एचटीएमएल आणि बॉडी टॅग न जोडल्यास हे सामान्य ब्राउझरप्रमाणेच आपल्यासाठी स्वयंचलितपणे जोडले जातील. याचा प्रतिकार करण्यासाठी आपण खाली दर्शविल्यानुसार बॉडी टॅगवरील कोणतेही अतिरिक्त पॅडिंग आणि मार्जिन काढून टाकण्यासाठी काही सीएसएस निर्दिष्ट करू शकता.
<style> body{margin:0;padding:0} </style>
आपण रूपांतरित करणार्या HTML मध्ये आपण जावास्क्रिप्ट, प्रतिमा किंवा सीएसएस समाविष्ट करू इच्छित असाल तर आपण ही संसाधने इनलाइन किंवा संदर्भित जागीरमध्ये प्रदान करू शकता. उदाहरणार्थ, इनलाइन मार्गाने HTML मध्ये संसाधने कशी तयार करावी यासाठी खालील कोड दर्शविते.
<html> <head> <script> document.getElementsByTagName('H1')[0].innerText = 'Goodbye'; </script> <style> h1{ color:red; } </style> </head> <body> <img width="16" height="16" alt="star" src="data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOV SKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGA iqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7" /> <h1>Hello World</h1> </body> </html>
वरील उदाहरणात आपण पाहू शकता की जावास्क्रिप्ट आणि सीएसएस थेट HTML पृष्ठामध्ये आहेत आणि प्रतिमेचे रूपांतर कसे झाले आहे. intओए डेटा यूआरएल.
त्याऐवजी आम्हाला या स्त्रोतांचा संदर्भ घ्यायचा असेल तर आम्हाला खात्री आहे की या फायलींसह सर्व URL चा दुवा साधला जाणे आवश्यक आहे, जे सार्वजनिकपणे प्रवेशयोग्य आहे. याचा अर्थ URL मध्ये संसाधन शोधण्यासाठी आवश्यक असलेली सर्व माहिती आहे. परिपूर्ण URL चा वापर न करणे हे मुख्य कारण आहे प्रतिमा, सीएसएस आणि जावास्क्रिप्ट प्रस्तुत केली गेली नाहीत एचटीएमएल रूपांतरित करताना.
हे करण्यासाठी जावास्क्रिप्ट, सीएसएस आणि प्रतिमा ठेवणे आवश्यक आहे into स्वतंत्र फायली आणि नंतर एचटीएमएल मध्ये संदर्भित, जे खाली दिलेल्या उदाहरणासारखे काहीतरी दिसेल.
<html> <head> <script src="http://www.example.com/myscript.js"></script> <link rel="stylesheet" type="text/css" href="http://www.example.com/mystyle.css"> </head> <body> <h1>Hello World</h1> <img width="16" height="16" alt="star" src="http://www.example.com/star.gif" /> </body> </html>