Ich stoße im Moment auf 2 verwandte Probleme in meiner Theme-Komponente:
- Prüfen, ob der Beitrag mit einem Bild beginnt. Ich rufe derzeit den Beitraginhalt mit document.querySelector(“.topic-post:first-child .cooked”) ab, aber wenn der Beitrag mit einem Bild beginnt, erhalte ich den Bildnamen und die Größe vor dem Text, daher möchte ich dies entfernen.
- Wenn der Beitrag nur ein Bild ohne Text ist, möchte ich eine Möglichkeit haben, dieses Bild (oder einen Link zum Bild) zu erhalten.
Der Zweck der Theme-Komponente ist es, eine Share-Schaltfläche zu haben, die ein Bild generiert, das Benutzer herunterladen können, um es zu teilen. Dieses Bild enthält den Titel des Beitrags und die ersten Zeilen des Beitrags. Wenn der Beitrag keinen Text hat, soll stattdessen das Bild im Beitrag innerhalb des generierten Bildes angezeigt werden. Ich habe die Textteile derzeit gelöst, aber es gibt zwei Fälle, in denen Probleme auftreten: erstens, wenn das Bild nahe am Anfang des Beitrags ist, sodass der extrahierte Text “{Bildname}1080x2100 14 KB[restlicher Text]” lautet, oder wenn das Einzige im Beitrag ein Bild ist und der extrahierte Text “{Bildname}1080x2100 14 KB” lautet.
Und ich möchte entweder nur Text oder nur ein Bild haben.