haranglog haranglog

리액트드래프트위지윅

• [React]리액트에서 react-draft-wysiwyg , DraftJS 사용하여 에디터(Editor) 적용 후 Redux로 상태관리하기

  React 2020. 8. 31. 23:32

  ✔ 개요 블로그 글쓰기나 기타 게시글을 쓸 때 textarea로 작성을 하면 많이 밋밋하고, 기능적으로 많은 구현을 하기 힘듭니다. 그렇기 때문에 글쓰기가 필요하고 게시글을 만들 때 오프소스 에디터들을 사용하여 좀 더 많은 기능의 게시글을 작성할 수가 있습니다. 많은 오프소스 에디터들 중에 react-draft-wysiwyg(리액트드래프트위지윅) 에디터를 사용해봤습니다. 다른 오픈소스 기반 리액트 에디터의 종류를 사용해보고 싶으면 참고 사용하면서 react-draft-wysiwyg의 장점은 기본적인 사용은 쉽고, 유명한 페이스북에서 관리하는 에디터인 draft.js를 사용하기 쉽게 리액트로 구성한 것입니다. 하지만, 기능적으로 디테일이 부족하다는 점이 있다고 느꼈습니다. 예를 들어, 한글을 입력할 때 바..

  Read More