250x250
반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- git
- nginx
- Remix
- chatGPT
- exceljs
- jquery
- Setting
- 배포
- pagination
- threejs
- 라라벨
- 공연티켓
- Kaikas
- PM2
- 블록체인
- CSS
- polygon
- Laravel
- React
- NextJS
- node
- nft
- metamask
- Python
- 발행
- netfunnel
- miniconda
- 회고
- Ai
- nodejs
Archives
- Today
- Total
목록editor (1)
박주니 개발 정리
quill editor 이미지 링크 이슈 해결 방법
설명 이유) quill editor을 적용을 했을 때 nextjs에 적용할 때에는 css 추가 작업한 것 없이 정상적으로 작동되는 것을 볼 수 있었으나 react에 적용할 때에는 특히 이미지를 링크 걸때 이벤트가 발생되더라도 깨짐현상 또는 나타나지 않는 현상을 확인하게 되었습니다. 그래서 해결 방법을 공유하고자 정리하게 되었습니다. 먼저 발생하는 원인을 파악해야합니다. 이미지 드래그하고 링크를 클릭한 후에 나오는 모달을 개발자 도구를 통해서 확인합니다. 지금 형광펜으로 체크한 부분을 선택해서 styles를 보시면 마우스 스크롤을 움직일 때 해당 모달이 스크롤에 영향을 받아서 움직이는 것을 볼 수 있고 margin-top도 변경되는 것을 볼 수 있습니다. 1. QuillEditor.css를 만들어서 mar..
react
2023. 4. 5. 15:07