vditor 썸네일 및 이미지 클릭시 확대 질문
본문
안녕하세요. 우성짱님께서 작성해주신 글을 보고 사이트에 Vditor를 적용 완료했습니다.
https://sir.kr/cm_free/1561641
mp4업로드도 에디터에서 바로 되고 크게 만족하고있는데 결정적으로 썸네일 생성 및 이미지 확대가 안되더군요 ㅠㅠ
vditor의 마크다운에디터 특성상 본문내용을 마크다운에디터에서 읽을수있도록 변환하는 과정때문에 안보이는거 같긴한데,,
정확히는 잘 모르겠네요 ㅠㅠ
##추가
마크다운 에디터의 이미지태그를 추출하려고 get_editor_image_md를 만드려고하는데 정규식에서 막혔네요,,ㅠㅠ
혹시 사용하시는 분들이 계셔서 해결방법이있는지 질문드립니다.
개인적으로 sir 의 에디터가 마음에 쏙드는데,, 비슷한게 없네요 ㅠ
감사합니다.
좋은주말되세요!
답변 1
SIR 에디터와 비슷한 것은 https://www.apachezone.com/gnu5/64 입니다.
마크다운 이미지 링크 추천 참조
https://stackoverflow.com/questions/44227270/regex-to-parse-image-link-in-markdown
1. 마크다운 텍스트
2. 마크다운 이미지를 썸네일로 만들어서 대체
3. 렌더링, (렌더링시 크게하기 코드 넣어야.. @우성짱 님 추천 medium zoom 코드로 https://medium-zoom.francoischalifour.com/
이 방식은 마크다운 문법에 원본이미지와 썸네일 이미지를 표현할 방법이 없다는 문제점이..
렌더링시에 썸네일생성과 (Typescript)과 크게하기 코드를 넣어야 되네요.
클릭시 이미지 확대는 Vditor의 원작자 사이트 것도 좋아 보입니다.
https://ld246.com/article/1631353582253