관리 메뉴

지돌이의 블로그 입니다!

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

개발 및 운영

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

Joseph.Lee 2021. 1. 10. 18:19

여러 줄 정리

* 종합 : 사용처에 따라 다르겠지만... 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/

반응형
0 Comments
댓글쓰기 폼