현재 제 테마 컴포넌트에서 두 가지 관련 문제를 겪고 있습니다.
- 게시글이 이미지로 시작하는지 확인하는 문제입니다. 현재
document.querySelector(".topic-post:first-child .cooked")를 사용하여 게시글 내용을 가져오고 있는데, 게시글이 이미지로 시작하면 텍스트 시작 전에 이미지 이름과 크기가 포함됩니다. 이를 제거하는 방법이 필요합니다. - 게시글에 텍스트가 없고 이미지만 있는 경우, 해당 이미지(또는 이미지의 링크)를 가져오는 방법입니다.
이 테마 컴포넌트의 목적은 사용자가 다운로드하여 공유할 수 있는 이미지를 생성하는 공유 버튼을 만드는 것입니다. 생성된 이미지에는 게시글 제목과 게시글의 첫 몇 줄이 포함됩니다. 게시글에 텍스트가 없는 경우, 생성된 이미지 안에 게시글의 이미지를 포함하도록 합니다. 현재 텍스트 부분은 해결했지만, 문제가 발생하는 두 가지 경우가 있습니다. 첫째, 이미지가 게시글 시작 부분에 가까울 때 추출된 텍스트가 “{imagename}1080x2100 14 KB[나머지 텍스트]” 형태가 되는 경우, 둘째, 게시글에 이미지만 있을 때 추출된 텍스트가 "{imagename}1080x2100 14 KB"가 되는 경우입니다.
저희는 텍스트만 있거나, 이미지만 있는 상태 중 하나를 원합니다.