Как проверить, начинается ли пост с изображения, и получить это изображение

Сейчас я столкнулся с двумя взаимосвязанными проблемами в компоненте темы:

  1. Проверить, начинается ли пост с изображения. В данный момент я получаю содержимое поста с помощью document.querySelector(“.topic-post:first-child .cooked”), но если пост начинается с изображения, перед началом текста я получаю имя и размер изображения, поэтому мне нужен способ это убрать.
  2. Если пост состоит только из изображения без текста, мне нужен способ получить это изображение (или ссылку на него).

Цель компонента темы — добавить кнопку «Поделиться», которая генерирует изображение, которое пользователи могут скачать для публикации. Это изображение должно содержать заголовок поста и первые несколько строк текста. Если в посте нет текста, вместо этого внутри сгенерированного изображения должно быть размещено изображение из самого поста. У меня уже всё работает с текстовыми частями, но возникают проблемы в двух случаях: когда изображение находится в начале поста, и извлекаемый текст выглядит как “{imagename}1080x2100 14 KB[остальной текст}”, или когда в посте только изображение, и извлекаемый текст — “{imagename}1080x2100 14 KB”.

Мне нужно, чтобы в результате получался либо только текст, либо только изображение.

2 лайка