리치 텍스트 에디터를 TinyMCE로 바꾸기까지
· 약 2분
공지사항 페이지까지 만들고 나니 본문 에디터에 HTML 소스를 직접 넣는 기능이 필요해졌다. 그걸 붙이다가 사흘 동안 에디터를 두 번 갈아탔다.
"Text Editor" 태그로 연결된 4개 게시물개의 게시물이 있습니다.
리치 텍스트 에디터 도입과 문제 해결
모든 태그 보기Project: 🚩codefolio - 텍스트 에디터 변경
· 약 8분
🎯목적
Post, Edit post, Detail - 페이지 별 텍스트 에디터 변경
- 기존 : Toast UI Editor
- 변경 : UIW Markdown Editor
🥸 장-단점에 따른 결정
- Toast UI Editor : 이미지 업로드 기능이 있으나 번들 사이즈가 무겁고 SSR 지원이 안됨.
- UIW Markdown Editor : 마크다운 기본 내장, 번들사이즈 가볍고, 이미지 업로드 기능 없음
UIW Markdown Editor 툴바 커스텀하여 사진 업로드 및 삽입, 드래그 앤 드랍, 붙여넣기 기능 구현 기록
Project: 🚩codefolio - toast ui Editor(codeSyntaxHighlightPlugin) 적용 중 에러 노트
· 약 2분
🎯목적
Next 개발 환경 devDependencies 이해하고 기록 남기기
🤢 오류 해결
- 모듈 설치 후 생기는 타입 에러, import not found
Project: 🚩codefolio - Toast UI Editor 사진 업로드
· 약 2분
🎯목적
에디터 기존의 문제점 개선 (사진 업로드 시 뷰어에서 이미지가 string 형식으로 출력되어짐)
개선 : image url과 file name으로 보여질 수 있도록
** 최종 프로젝트 기간 매우 바쁜 관계로 우선 중요 코드만 적어놓았음 **