GrabzIt નું API તમને કોઈપણ HTML ને કન્વર્ટ કરવા દે છે intઓ પીડીએફ, ડીઓસીએક્સ, છબીઓ અને વધુ. આવું કરવા માટે તમારે અમારા API પર નિયમિત HTML પસાર કરવાની જરૂર છે. દાખલા તરીકે, નીચેના ઉદાહરણમાં બતાવેલ HTML જેવું કંઈક.
<html> <body> <h1>Hello World</h1> </body> </html>
નોંધ લો કે આ HTML ઉદાહરણમાં એચટીએમએલ અને શારીરિક ટ tagગ્સ શામેલ છે, પરંતુ જો તમે ફક્ત HTML નો સ્નિપેટ કન્વર્ટ કરવા માંગતા હો, તો આ જરૂરી નથી. તેમ છતાં જો તમે એચટીએમએલ અને બોડી ટ addગ્સ ઉમેરતા નથી, તો આ સામાન્ય બ્રાઉઝરની જેમ તમારા માટે આપમેળે ઉમેરવામાં આવશે. તેના પ્રતિકાર માટે તમે બોડી ટ tagગ પર નીચે બતાવ્યા પ્રમાણે કોઈપણ વધારાના પેડિંગ અને માર્જિનને દૂર કરવા માટે કેટલાક સીએસએસનો ઉલ્લેખ કરી શકો છો.
<style>
body{margin:0;padding:0}
</style>
જો તમે જાવાસ્ક્રિપ્ટ, છબીઓ અથવા સીએસએસને એચટીએમએલમાં રૂપાંતરિત કરવા જઇ રહ્યા છો તે સમાવવા માંગતા હો, તો પછી તમે આ સંસાધનોને ઇનલાઇન અથવા સંદર્ભ મનોરમાં પ્રદાન કરી શકો છો. ઉદાહરણ તરીકે, નીચેનો કોડ ઇનલાઇન રીતે એચટીએમએલમાં સંસાધનો કેવી રીતે બનાવવો તે બતાવે છે.
<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 નો ઉપયોગ કરે છે, જે સાર્વજનિક રૂપે પણ સુલભ છે. આનો અર્થ એ છે કે URL માં સંસાધન શોધવા માટે જરૂરી બધી માહિતી શામેલ છે. સંપૂર્ણ URL નો ઉપયોગ ન કરવો એ મુખ્ય કારણ છે છબીઓ, સીએસએસ અને જાવાસ્ક્રિપ્ટ રેન્ડર નથી જ્યારે HTML ને રૂપાંતરિત કરવું.
આ કરવા માટે જાવાસ્ક્રિપ્ટ, સીએસએસ અને છબી મૂકવાની જરૂર છે into અલગ ફાઇલો અને પછી HTML માં સંદર્ભિત, જે નીચેના ઉદાહરણ જેવું દેખાશે.
<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>