Como verificar se um post começa com uma imagem e obter essa imagem

No momento, estou encontrando 2 problemas relacionados no meu componente de tema,

  1. Verifique se a postagem começa com uma imagem. Atualmente, estou obtendo o conteúdo da postagem usando document.querySelector(".topic-post:first-child .cooked"), mas se a postagem começar com uma imagem, receberei o nome e o tamanho da imagem antes do início do texto, então quero uma maneira de remover isso.
  2. Se a postagem for apenas uma imagem, sem texto, quero uma maneira de obter essa imagem (ou um link para a imagem).

O propósito do componente de tema é ter um botão de compartilhamento que gera uma imagem que os usuários podem baixar para compartilhar, contendo o título da postagem e as primeiras linhas da postagem. Se a postagem não tiver texto, em vez disso, a imagem na postagem estará dentro da imagem gerada. Atualmente, tenho as partes de texto resolvidas, mas há dois casos em que surgem problemas: um, onde a imagem está perto do início da postagem, então o texto que extraio é “{nome da imagem}1080x2100 14 KB[resto do texto]” ou onde a única coisa na postagem é uma imagem e o texto extraído é “{nome da imagem}1080x2100 14 KB”.
E o que eu quero é ter apenas texto ou apenas uma imagem.

2 curtidas