L'API de GrabzIt vous permet de convertir n'importe quel code HTML into PDF, DOCX, images et plus encore. Pour ce faire, vous devez transmettre du HTML standard à notre API. Par exemple, quelque chose comme le code HTML présenté dans l'exemple suivant.
<html> <body> <h1>Hello World</h1> </body> </html>
Notez que cet exemple HTML inclut les balises HTML et BODY, mais cela n'est pas obligatoire si vous souhaitez simplement convertir un extrait de code HTML. Cependant, si vous n'ajoutez pas les balises HTML et BODY, celles-ci seront automatiquement ajoutées pour vous, comme dans un navigateur normal. Pour contrecarrer cela, vous pouvez spécifier du CSS pour supprimer tout remplissage et marges supplémentaires sur la balise BODY, comme indiqué ci-dessous.
<style> body{margin:0;padding:0} </style>
Si vous souhaitez inclure du JavaScript, des images ou du CSS dans le HTML que vous allez convertir, vous pouvez fournir ces ressources de manière en ligne ou référencée. Par exemple, le code ci-dessous montre comment créer des ressources dans le HTML de manière en ligne.
<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>
Comme vous pouvez le voir dans l'exemple ci-dessus, le JavaScript et le CSS sont contenus directement dans la page HTML et comment l'image a été transformée. into URL de données.
Si nous souhaitons plutôt référencer ces ressources, nous devrons nous assurer que toutes les URL renvoyant à ces fichiers utilisent des URL absolues, qui sont également accessibles au public. Cela signifie que l'URL contient toutes les informations nécessaires pour localiser une ressource. Ne pas utiliser d'URL absolues est la raison principale les images, CSS et JavaScript n'ont pas été rendus lors de la conversion HTML.
Pour ce faire, le JavaScript, le CSS et l'image devront être mis into des fichiers séparés puis référencés dans le HTML, ce qui ressemblerait à l'exemple ci-dessous.
<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>