捕获和转换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>