GrabzIt 的 API 允许您转换任何 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>
如果您想在要转换的 HTML 中包含 JavaScript、图像或 CSS,那么您可以在内联或引用庄园中提供这些资源。 例如,下面的代码显示了如何以内联方式在 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 也是可公开访问的。 这意味着 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>