ה-API של GrabzIt מאפשר לך להמיר כל HTML into PDF, DOCX, תמונות ועוד. לשם כך עליך להעביר HTML רגיל ל-API שלנו. לדוגמה, משהו כמו HTML המוצג בדוגמה הבאה.
<html> <body> <h1>Hello World</h1> </body> </html>
שים לב שדוגמה זו של HTML כללה את תגי HTML ו- BODY, אבל זה לא נחוץ אם אתה רק רוצה להמיר קטע HTML. עם זאת, אם לא תוסיף את תגי HTML ו-BODY, אלה יתווספו אוטומטית עבורך בדיוק כמו בדפדפן רגיל. כדי לנטרל את זה, אתה יכול לציין כמה CSS כדי להסיר כל ריפוד ושוליים נוספים בתג BODY כפי שמוצג להלן.
<style>
body{margin:0;padding:0}
</style>
אם אתה רוצה לכלול JavaScript, תמונות או CSS ב-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>
כפי שניתן לראות בדוגמה לעיל, JavaScript וה-CSS כלולים ישירות בתוך דף ה-HTML וכיצד השתנתה התמונה intאו כתובת אתר.
אם רצינו להפנות למשאבים אלה במקום זאת, נצטרך לוודא שכל כתובות ה-URL המקושרות לקבצים אלה משתמשות בכתובות URL מוחלטות, שגם הן נגישות לציבור. המשמעות היא שכתובת האתר מכילה את כל המידע הדרוש לאיתור משאב. אי שימוש בכתובות URL מוחלטות הוא הסיבה העיקרית תמונות, CSS ו-JavaScript לא הוצגו בעת המרת HTML.
לשם כך יהיה צורך לשים את JavaScript, CSS והתמונה 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>