react-quill2 [react-quill] addrange() the given range isn't in document 오류 코드 addrange() the given range isn't in document 해결 방법 매 렌더링 마다 moudles을 계속 생성하고 있기 때문에 발생하는 오류 따라서 module 변수를 useMemo를 사용해주면된다. const modules = useMemo(() => { return { toolbar: { container: [ ['image'], [{ header: [1, 2, 3, false] }], ['bold', 'italic', 'underline', 'strike', 'blockquote'], ], handlers: { // 이미지 처리는 우리가 직접 imageHandler라는 함수로 처리할 것이다. image: imageHandler, }, }, }; }, []); 참고 .. 2021. 8. 1. Quill 에디터 - 이미지 처리하기 깃허브에 작성한 ReadMe를 블로그로 옮겨왔다.(형식은 조금 수정..) 요새 너무 바빠서 글을 못올려서..^^ 팀 프로젝트에서 Quill 에디터를 사용했는 데, 이미지 업로드에 고생을 좀 해서 정리해봤다. https://github.com/12Ahn22/quill-multer/blob/main/readme.md GitHub - 12Ahn22/quill-multer: react-quill과 multer 같이 사용해보기~ react-quill과 multer 같이 사용해보기~. Contribute to 12Ahn22/quill-multer development by creating an account on GitHub. github.com 🔮 Quill 에디터에 이미지 넣기 Quill 에디터로 게시판을 만들.. 2021. 8. 1. 이전 1 다음