2023년 6월 15일 목요일

sveltekit 에서 clipboard 의 이미지 붙여넣는 예제

TL;DR 

paste image from clipboard using tiptap • REPL • Svelte


과정:

https://www.codemzy.com/blog/tiptap-pasting-images

이거 대로 하면 될 줄 알았는데, 몇가지 빵꾸가 있었다.


먼저, item 을 한번 더 까야 image file 을 얻을 수 있다.

https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem/getAsFile


그리고 image 를 node 에 붙이는 방법 말인데, 이건 저 블로그 글에서 하라는대로 하면 안된다.

https://tiptap.dev/api/nodes/image#usage

editor.commands.setImage({src: response}) 를 써야 한다.


댓글 없음:

댓글 쓰기