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