Tools om het web vast te leggen en te converteren
GrabzIt is een online community

Problemen met het genereren van afbeeldingen voor div met insluiten binnenin

Hallo,

Ik ben een betalende klant die een screenshot van een <div> -element probeert te maken met een tweet-insluiting met een watermerk erop. Probleem is dat ik een screenshot krijg van alleen het watermerk. Hier is mijn code ... wat doe ik verkeerd?

<! doctype html>
<html>
<Head>
<meta charset = "utf-8">

<style>


#tweet {
positie: relatief;
z-index: 1! belangrijk;
breedte: 500 px! belangrijk;
marge-links: -8 px;
margin-top: -10 px;
}

.watermerk {
positie: absoluut;
boven: 60 px;
links: 100 px;
z-index: 10! belangrijk;
display: <? php if ($ _ GET ['watermerk'] == 0) {$ watermerk = "none"; } elseif ($ _ GET ['watermerk'] == 1) {$ watermerk = ""; } echo $ watermerk; ?>;
}

#tweet iframe {
border: geen! belangrijk;
box-schaduw: geen! belangrijk;
}

.copywrite p {
positie: absoluut;
links: 0;
margin-top: -9 px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 12px;
kleur: # a2a6a8;
}
</ style>

<title> Tweet Screen Shot Feeder </title>
<script src = "https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"> </script>
</ Head>

<Body>

<div class = "tweet-wrapper" id = "content">
<div id = "tweet" tweetID = "<? php echo $ _GET [" tweetid "];?>"> </div>
<! - <div id = "tweet" tweetID = "1223594060818059264"> </div> ->

<img src = "images / watermerk.png" class = "watermerk" />
</ Div>
<div class = "copywrite">
<p> Tweet screenshot van <strong> https://sane.social </strong> © op <? php echo date ("M. d, Y"). "<br>";?> </p>
</ Div>

<script sync src = "https://platform.twitter.com/widgets.js"> </script>

<script>
window.onload = (function () {

var tweet = document.getElementById ("tweet");
var id = tweet.getAttribute ("tweetID");

twttr.widgets.createTweet (
id, tweet, {

gesprek: 'geen', // of alles
kaarten: 'zichtbaar', // of zichtbaar
thema: 'light' // of dark
})

.then (functie (el) {
el.contentDocument.querySelector (". footer"). style.display = "none";
});

});
</ Script>

<div id = "tweetshot"> </div>
<script type = "text / javascript">
GrabzIt ("XXXX ="). ConvertPage (window.location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}). AddTo ("tweetshot");
</ Script>

</ Body>
</ Html>

Gevraagd door GrabzIt Support op maandag 2 maart 2020 11:56:19 AM

Ik denk niet dat dit een probleem is met GrabzIt maar met de beveiliging van de Twitters API. Het houdt waarschijnlijk niet van het gebruik in een tijdelijke HTML-pagina. In plaats daarvan moet u uw code wijzigen om in plaats daarvan de URL te gebruiken:

.ConvertURL (location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}). AddTo ("tweetshot");

Beantwoord door GrabzIt Support op maandag 2 maart 2020 12:23:40 uur