Web Yakalama ve Dönüştürme Araçları

Dönüşüm için HTML yazmayla ilgili ipuçları

GrabzIt'in API'si herhangi bir HTML'yi dönüştürmenize olanak tanır into PDF, DOCX, resimler ve daha fazlası. Bunu yapmak için API'mize normal HTML'yi aktarmanız gerekir. Örneğin, aşağıdaki örnekte gösterilen HTML'ye benzer bir şey.

<html>
<body>
<h1>Hello World</h1>
</body>
</html>

Bu HTML örneğinin HTML ve BODY etiketlerini içerdiğine dikkat edin, ancak yalnızca bir HTML pasajını dönüştürmek istiyorsanız bu gerekli değildir. Ancak HTML ve BODY etiketlerini eklemezseniz bunlar normal bir tarayıcıda olduğu gibi sizin için otomatik olarak eklenecektir. Buna karşı koymak için, aşağıda gösterildiği gibi BODY etiketindeki fazladan dolguyu ve kenar boşluklarını kaldıracak bazı CSS'ler belirleyebilirsiniz.

<style>
body{margin:0;padding:0}
</style>

Dönüştüreceğiniz HTML'ye JavaScript, resimler veya CSS eklemek istiyorsanız bu kaynakları satır içi veya referanslı bir malikanede sağlayabilirsiniz. Örneğin, aşağıdaki kod HTML'de kaynakların satır içi bir şekilde nasıl oluşturulacağını gösterir.

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

Yukarıdaki örnekte görebileceğiniz gibi, JavaScript ve CSS doğrudan HTML sayfasında yer alıyor ve görselin nasıl dönüştürüldüğü intoa veri URL'si.

Bunun yerine bu kaynaklara referans vermek istiyorsak, bu dosyalara bağlanan tüm URL'lerin, aynı zamanda herkesin erişebildiği mutlak URL'leri kullandığından emin olmamız gerekir. Bu, URL'nin bir kaynağı bulmak için gerekli tüm bilgileri içerdiği anlamına gelir. Mutlak URL'lerin kullanılmaması ana nedendir resimler, CSS ve JavaScript oluşturulmadı HTML'yi dönüştürürken.

Bunu yapmak için JavaScript, CSS ve görselin yerleştirilmesi gerekir into dosyaları ayırın ve ardından HTML'de referans alın; bu, aşağıdaki örneğe benzer.

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