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 eines <div> -Elements zu erhalten, das eine mit einem Wasserzeichen überlagerte Tweet-Einbettung enthält. Das Problem ist, dass ich nur einen Screenshot des Wasserzeichens bekomme. Hier ist mein Code ... was mache ich falsch?

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

<style>


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

.wasserzeichen {
position: absolute;
oben: 60px;
links: 100px;
Z-Index: 10! wichtig;
Anzeige: <? php if ($ _ GET ['Wasserzeichen'] == 0) {$ Wasserzeichen = "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;
}
</ 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 / watermark.png" class = "watermark" />
</ Div>
<div class = "copywrite">
<p> Tweet-Screenshot von <strong> https://sane.social </ strong> © am <? php-Echo-Datum ("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, {

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

.then (Funktion (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>

Gefragt von GrabzIt Support am Montag, 2. März 2020, 11:56:19 Uhr

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 Montag, 2. März 2020, 12:23:40 Uhr