본문 바로가기
Language/- React

텍스트 에디터 프레임워크 tiptap 선택 및 공부

by Yoojacha 2022. 9. 1.

 

    https://areknawo.com/top-js-rich-text-editor-frameworks-for-2021/

 

Top JS rich text editor frameworks for 2021

Rich content editors are everywhere - from comment sections to document editors. ✍ Let's explore the best tooling to make them! 🚀 #webdev #javascript #typescript #FrontEnd #React #VueJS

areknawo.com

한 프로젝트를 진행함에 있어서 텍스트 에디터가 필수가 되었다. 그래서 조사를 하다가 좋은 글을 발견하고.. 참고하여 다여러 선택지 중에서 tiptap을 선택하게 되었다.

 

https://tiptap.dev/

 

Headless WYSIWYG Text Editor – Tiptap Editor

 

tiptap.dev


현재 사용하고 있는 스텍은 express, pug, sass, mysql 이기 때문에 react를 공부를 했지만 이 프로젝트에는 적용하지 않았다. 따라서 react에서 오픈소스로 만든 draft.js는 업데이트 된지 2년이 지나 유지보수를 하지 않는 점이 끌리지 않았고, prosemirror 이슈도 적고 유지보수를 잘 하고 있지만, api가 복잡한 부분이 아직 초보인 나에겐 어려울 것 같아서 제외했다. 그리고 quill 또한 유지보수를 3년이나 안하고 있어서 제외 했다. npm trends를 봤을 땐 이러했다.

https://npmtrends.com/@tiptap/core-vs-draft-js-vs-prosemirror-view-vs-quill


html to pdf 는 일단 jsPDF로 진행을 했으며 tiptap을 적용한 후 다시 고민해볼 예정이다.



tiptap 공부 시작

 

 

 

 

 

댓글