捕获和转换Web的工具

编写HTML进行转换的提示

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>