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
답변에 대한 댓글 4개
만들어진 이미지로 다시 마크다운 문법안에 넣으면 됩니다.
이 부분은 모두 그누보드에서 처리하면 됩니다.
 라고 하면 이것을 로 바꿔주면 됩니다.
rendering전에 get_view_thumbnail 과 비슷하게 get_view_thumbnail_md를 만들어 주면 될 것 같습니다.
https://sir.kr/g5_plugin/7337 글의 코멘트 참조
https://github.com/Vanessa219/vditor/issues/474
[](1.jpg) 로 만들면, SIR 처럼 클릭하면 원본이 나오게 될것 같습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
혹시 렌더링시 썸네일 생성은 어떤걸까요??
썸네일.lib 이쪽 수정하는건,, 너무 어렵네요 ㅠㅠ img처럼 높이 src등이 모두 나오는게 아니라서,, 어떤부분을 어떻게 손대야할지..
일단 썸네일이,, 최우선목표입니다 ㅠ