Vue.js 문서 편집기 라이브러리 비교

여러 줄 정리

* 종합 : 사용처에 따라 다르겠지만... tiptap만한게 없는 듯. (곧 tiptap 2 가 나온다 함)

* Markdown 문법 보이며 편집 : Octo / tui-editor

* Markdown 변환 되는 위지윅 : 글쎄...

Markdown: Octo

octo

특징

• Markdown Editor 으로만 딱 좋음

WYSIWYG: @baoshishu/vue-editor

A full-fledged rich-text editor for Vue.js

특징

• Markdown 문법을 통한 위지윅 가능 (#, `, * 등)
• Code Area안에서 엔터 여러번 눌러도 계속 코드... 빠져나가기 안됌
• Code highlighting 안됌

vuejs-medium-editor

vujs-medium-editor

특징

• 뭔가 좋은거 같은데 난해함

Markdown: @kangc/v-md-editor

Base Editor | v-md-editor

WYSIWYG: quilljs

Quill - Your powerful rich text editor

특징

• 딱 리치 텍스트 위지윅 (마우스 클릭, 키보드 기능 없음)

WYSIWYG: tui-editor

Editor

특징

• 딱 리치 텍스트 위지윅 (마우스 클릭, 키보드 기능 없음)
• 차트 복사 기능 있어서 테이블 만드는건 편함

Markdown: simpleMDE

SimpleMDE Markdown Editor

특징

• Octo랑 비슷함. 하지만 그보다 떨어짐

WYSIWYG: tiptap

tiptap

특징

• Prosemirror 기반
• Basic기능은 @baoshishu/vue-editor 이랑 비슷함 하지만!
• 커스텀마이징이 용이하다고 한다
• HTML/JSON 형식 출력 가능
• 들어가 보면 알음.. 미쳤따!!! 대박!

Math: vue-mathlive

Example of using the Vue wrapper for MathLive math editor

https://quilljs.com/