기능
- 텍스트 입력
- 폰트 크기,색상 조절
- 이미지 추가
- 텍스트 정렬 기능
발행
버튼 클릭시 로컬스토리지에 추가됨과 동시에 하단에 내용이 표시됨
전체 지우기
클릭시 로컬스토리지에 있는 내용이 전부 삭제됨과 동시에 내용 초기화
- 내용입력의 유무와 관련없이 10초마다 로컬스토리지에 저장되며, 새로고침을 해도 내용이 남도록 설계
- 내용의 변경정도가 15글자를 넘어서면 자동으로 로컬스토리지에 저장되게 설계
사용 기술
- react-quill
- react, react-dom
- typescript
깃허브 페이지
https://github.com/jyc-coder/webeditor
구현 모습