Hangmin's Blog.
  • 나
  • 워홀
  • 개발
  • Faith
  • JLPT
로그인
  • 테마
  • 日本語
  • 전체 카테고리 (32)
  • 블로그 개발 (5)
  • Svelte (4)
  • 에디터 개발 (6)
  • 개발팁 (4)
  • React (2)
  • 웹서버 (1)
  • Tiptap 에디터 (4)
  • CSS (2)
  • 테스트 (1)
  • 딥러닝 (1)

개발 Tiptap 에디터

모든 카테고리 보기
1 페이지
  • 에디터에 파일 업로드 기능을 붙였다.

    Tiptap 에디터에 파일 업로드 기능을 붙였다. 현재로는 이미지만 넣을 수 있게 해놓았다. 방법은 총 세가지다. 파일 드래그 앤 드롭을 통한 업로드 붙여넣기를 이용한 업로드 업로드 버튼을 이용한 업로드 붙여넣기는 클립보드에 있으면 무조건 아마 될 것이다. 굳 ㅋㅋㅋ 파일 업로드 시 별도의 컨테이너를 통해 요소가 생성되도록 하면 될 것 같다.

    2025. 12. 17. 2025. 12. 23. 70
  • 파일 업로드까지 가능하게 했다.

    블로그라면 자고로 파일 업로드 기능도 있어야지... 이거 너무 재밌는 것 같다. CSS도 하나도 적용되어 있지 않아서 하나부터 열까지 다 만들어야 하는게 단점이라면 단점이지만, 그래도 재미있다. 이제 이렇게 파일도 집어넣을 수 있게 되었다. 마크다운으로는 어떻게 되려나. 마크다운으로도 잘 표시가 되긴 하는데, 사이즈 값이 지정되지는 않는 것 같다. 흠...-> 지정되게 했다. markedjs의 tokenizer 에 대해 공부하는 시간이 되었다

    2025. 12. 7. 2025. 12. 23. 67
  • 2시다..

    뭔가 해보니 별것 아닌 것 같지만 별것 아닌게 아니었다. 그냥 추가하는 건데도 이렇게 어렵다니... 그래도 완성(?) 되어서 다행이다. 이렇게 굵은 글씨도 잘 적용되고,이탤릭도 잘 적용되고~밑줄은 에디터 통해서 넣어야 하지만 어쨌뜬 잘 적용된다. 흠... 그렇다. 좋은 날 오겠지 뭐.

    2025. 12. 4. 2025. 12. 23. 71
  • 결국 포기했다.

    그냥 너무 어렵다. 에디터 만드는건 아무나 하는 것이 아니었다. 그래서 그냥 팁탭을 적용시켰다. 많은 문제들이 알아서 잘 해결된 것 같다.아아.... 아아아아아아아ㅏ......

    2025. 12. 3. 2025. 12. 23. 52









1
나워홀개발FaithJLPT

Copyright © Hangmin Lee, 2026

0.6.33