1. Quill Editor for Vue 3
사이트 : https://github.com/vueup/vue-quill
데모 : https://vueup.github.io/vue-quill/#demo
가격 : 무료 (MIT License)
인기 : 1.2k stars
코멘트 : 무료에다가 기능도 다 거의 가지고 있고 문서도 잘 돼있는 거 같음, 데모에서 보기에는 테이블을 만들 수 없어서 아쉬움
2. mavonEditor
사이트 : https://github.com/hinesboy/mavonEditor
가격 : 무료 (MIT License)
인기 : 6.5k stars
코멘트 : 중국 라이브러리 같은데 영어 문서가 있음, 기능은 무난한거같음
3. Clean WYSIWYG Editor For Vue.js
사이트 : https://github.com/mycurelabs/vue-wysiwyg
데모 : https://mycurelabs.github.io/vue-wysiwyg/
가격 : 무료 (MIT License)
인기 : 50 stars
코멘트 : 엄청 심플함, 이미지 삽입이 없는 게 아쉬움
4. Paper Size WYSIWYG Document Editor For Vue
사이트 : https://github.com/motla/vue-document-editor
데모 : https://motla.github.io/vue-document-editor/
가격 : 무료 (MIT License)
인기 : 314 star
코멘트 : 문서 에디터임... 넘나 신기, 하지만 쓸일은 없을 것 같다
5. Modern Rich Text Editor – Richer than rich
사이트 : https://github.com/antoniandre/richer-than-rich
데모 : https://antoniandre.github.io/richer-than-rich/
가격 : 무료 (MIT License)
인기 : 18 stars
코멘트 : vue3 전용임, 필요한 기능은 다 있어 보이나 문서가 다소 빈약해보임
6. Online Markdown Editor With Vue – MkDown
사이트 : https://github.com/kholid060/mkdown2
데모 : https://mkdown-kholid060.vercel.app/
가격 : 무료 (MIT License)
인기 : 132 stars
코멘트 : 깔끔한 마크다운 에디터, 근데 문서가 딱히 없음
7. Markdown: Octo
사이트 : https://github.com/davidmyersdev/octo
데모 : -
가격 : 일부 유료 (달에 4달러, 그런데 무료도 충분함, 후원개념인듯)
인기 : 442 stars
코멘트 : 드래그앤드랍등 기능이 많은 것 같음, 사용하려면 가입 필수임
8. vuejs-medium-editor
사이트 : https://github.com/manuelgeek/vuejs-medium-editor
데모 : https://manuelgeek.github.io/vuejs-medium-editor/
가격 : 무료 (MIT License)
인기 : 135 stars
코멘트 : 데모만 봐서는 직관적인 느낌은 다소 부족, 문서가 딱히 없음
9. Markdown: @kangc/v-md-editor
사이트 : https://github.com/code-farmer-i/vue-markdown-editor
데모 : https://code-farmer-i.github.io/vue-markdown-editor/examples/base-editor.html
가격 : 무료 (MIT License)
인기 : 1.1k stars
코멘트 : 중국 라이브러리인데 영어랑 한국어 지원, 문서도 영어 지원함. 데모를 봤을 땐 이미지를 링크로만 올릴 수 있는 듯 해서 아쉬움
10. WYSIWYG: tui-editor
사이트 & 데모 : https://ui.toast.com/tui-editor
가격 : 무료 (MIT License)
인기 : 17.2k stars
코멘트 : Markdown 모드랑 WYSIWYG 모드가 둘 다 있어서 넘나 편함, 문서 잘돼있음, vue 전용은 아니고 vanilla로 되어있음
11. Markdown: simpleMDE
사이트 : https://github.com/sparksuite/simplemde-markdown-editor
데모 : https://simplemde.com/
가격 : 무료 (MIT License)
인기 : 9.9k stars
코멘트 : 마크다운에디터임,문서는 github readme 외에 없는거같음, 이미지가 링크만 업로드할 수 있는거같아서 조금 아쉬움. 근데 정말 심플함
15. WYSIWYG: tiptap
사이트 : https://github.com/ueberdosis/tiptap
데모 : https://tiptap.dev/docs/examples
가격 : 지원하는 기능별로 다양함, 대량의 공동문서 작업이 필요한게 아니면 무료도 무난할듯
(https://tiptap.dev/pricing)
인기 : 27.9k stars
코멘트 : 리액트, 뷰 코드 모두 보여줘서 편리함, 그런데 이미지 업로드가 링크로만 되는건지 뭔지 잘 모르겠음. 데모만 봐서는 pc에서 업로드가 없음 (ai까지 지원하는거보니 있을것같은데...)
문서가 잘돼있고 기능이 풍부함.
quill, tui-editor, tiptap이 기능+문서+인기도 종합해서 제일 쓸만한 것 같다.
참고 :
https://www.vuescript.com/best-wysiwyg-rich-text-editor/
https://ablog.jc-lab.net/2657
