L'API di GrabzIt ti consente di convertire qualsiasi HTML into PDF, DOCX, immagini e altro. Per fare ciò devi passare il normale codice HTML alla nostra API. Ad esempio, qualcosa come l'HTML mostrato nell'esempio seguente.
<html> <body> <h1>Hello World</h1> </body> </html>
Tieni presente che questo esempio HTML ha incluso i tag HTML e BODY, ma ciò non è necessario se desideri solo convertire uno snippet di HTML. Tuttavia, se non aggiungi i tag HTML e BODY, questi verranno aggiunti automaticamente per te, proprio come in un normale browser. Per contrastare questo problema puoi specificare alcuni CSS per rimuovere qualsiasi riempimento e margine extra sul tag BODY come mostrato di seguito.
<style>
body{margin:0;padding:0}
</style>
Se desideri includere JavaScript, immagini o CSS nell'HTML che intendi convertire, puoi fornire queste risorse in un maniero in linea o referenziato. Ad esempio, il codice seguente mostra come creare risorse nell'HTML in modo in linea.
<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>
Come puoi vedere nell'esempio sopra, JavaScript e CSS sono contenuti direttamente nella pagina HTML e come l'immagine è stata trasformata intoa URL dei dati.
Se invece volessimo fare riferimento a queste risorse, dovremo assicurarci che tutti gli URL che collegano a questi file utilizzino URL assoluti, che sono anche accessibili pubblicamente. Ciò significa che l'URL contiene tutte le informazioni necessarie per individuare una risorsa. Non utilizzare URL assoluti è il motivo principale immagini, CSS e JavaScript non sono stati renderizzati durante la conversione dell'HTML.
Per fare ciò sarebbe necessario inserire JavaScript, CSS e immagine into file separati e poi referenziati nell'HTML, che sarebbe simile all'esempio seguente.
<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>