Strumenti per acquisire e convertire il Web

Suggerimenti per la scrittura di HTML per la conversione

L'API di GrabzIt ti consente di convertire qualsiasi HTML into PDF, DOCX, immagini e altro. Per fare ciò è necessario passare un normale codice HTML alla nostra API. Ad esempio, qualcosa come l'HTML mostrato nel seguente esempio.

<html>
<body>
<h1>Hello World</h1>
</body>
</html>

Si noti che questo esempio HTML ha incluso i tag HTML e BODY, ma ciò non è necessario se si desidera semplicemente 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, puoi specificare alcuni CSS per rimuovere eventuali imbottiture e margini extra sul tag BODY come mostrato di seguito.

<style>
body{margin:0;padding:0}
</style>

Se si desidera includere JavaScript, immagini o CSS nell'HTML che si intende convertire, è possibile fornire queste risorse in una proprietà in linea o referenziata. Ad esempio, il codice seguente mostra come creare risorse nell'HTML in modo integrato.

<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 collegati a questi file utilizzino URL assoluti, anch'essi accessibili al pubblico. Ciò significa che l'URL contiene tutte le informazioni necessarie per individuare una risorsa. Non utilizzare gli URL assoluti è il motivo principale immagini, CSS e JavaScript non sono stati renderizzati durante la conversione di HTML.

Per fare ciò dovrebbero essere inseriti JavaScript, CSS e l'immagine into file separati e quindi referenziati nell'HTML, che assomiglierebbe al seguente esempio.

<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>