Tools zum Erfassen und Konvertieren des Webs
GrabzIt's Online-Community

Probleme beim Generieren von Bildern für div mit eingebetteter Innenseite

Hallo,

Ich bin ein zahlender Kunde, der versucht, einen Screenshot von a zu bekommen Element mit einer Tweet-Einbettung, überlagert mit a watermark. Problem ist, ich bekomme nur einen Screenshot von der watermark. Hier ist mein Code ... was mache ich falsch?







#tweet {
Position: relativ;
Z-Index: 1! wichtig;
Breite: 500px! wichtig;
Rand links: -8px;
Rand oben: -10px;
}

.watermark {
position: absolute;
oben: 60px;
links: 100px;
Z-Index: 10! wichtig;
Anzeige:watermark'] == 0) {$watermark = "keine"; } elseif ($ _ GET ['watermark'] == 1) {$watermark = ""; } echo $watermark;; ?>;
}

#tweet iframe {
Grenze: keine! wichtig;
Kastenschatten: keine! wichtig;
}

.copywrite p {
position: absolute;
links: 0;
Rand oben: -9px;
Schriftfamilie: Gotham, "Helvetica Neue", Helvetica, Arial, "serifenlos";
font-size: 12px;
Farbe: # a2a6a8;
}


Tweet Screen Shot Feeder




">
-->

<img src="images/watermark.png "class ="watermark"/>


Tweet Screenshot von https://sane.social © on ";?>


window.onload = (function () {

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

twttr.widgets.createTweet (
id, tweet, {

Konversation: 'keine', // oder alle
Karten: 'sichtbar', // oder sichtbar
Thema: 'hell' // oder dunkel
})

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

});




GrabzIt ("XXXX ="). ConvertPage (window.location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}). AddTo ("Tweetshot");



Gefragt vom GrabzIt Support am 2. März 2020

Ich denke nicht, dass dies ein Problem mit GrabzIt ist, sondern mit der Sicherheit der Twitters API. Es mag wahrscheinlich nicht, in einer temporären HTML-Seite verwendet zu werden. Stattdessen sollten Sie Ihren Code ändern, um stattdessen die URL zu verwenden:

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

Beantwortet von GrabzIt Support am 2. März 2020