아하

디지털·가전제품

PC·노트북

지금도진귀한땅강아지

지금도진귀한땅강아지

Notion, Tally 와 같은 WYSIWYG Editor

안녕하세요.

Notion, Tally 와 같이 자유도가 높은 에디터를 사용하여 개발하고 싶은 대학생입니다.

현재, 다양한 텍스트 에디터가 너무도 많은데요. SummerNote, Quill, Slate, Editor.js, ProseMirror, Draft.js 등 너무 많습니다.

여기에 노션에서 사용하는

  • / 트리거

  • 블록 편집

  • 블록들 DnD 이동

다양한 기능을 추가하고 싶습니다. 혹시 관련해서 개발하신 분들 중에 위의 기능을 추가하기 쉽거나 적절한 텍스트 에디터, WYSIWYG 라이브러리 추천해주시면 정말 감사하겠습니다.

실제로, Notion Tally는 어떤 에디터를 쓰고 있는지 자료조사를 진행중인데.. 찾아볼 수 없더라고요.. 조언 주시면 정말 감사하겠습니다.

스택은 React, TS 기반입니다 !

1개의 답변이 있어요!

  • 소중한후루티9

    소중한후루티9

    안녕하세요 소중한후루티9입니다.

    WYSIWYG 에디터를 직접 개발하는 것은 흥미롭지만 복잡한 작업입니다. 특히 Notion처럼 고도의 자유도와 기능성을 제공하는 에디터를 개발하려면 다양한 라이브러리와 도구를 고려해야 합니다. 아래에 React 및 TypeScript 기반으로 적절한 텍스트 에디터 및 WYSIWYG 라이브러리를 추천드립니다.

    추천 라이브러리

    Slate.js, ProseMirror, Draft.js

    Notion이나 Tally의 내부 구현에 대한 구체적인 정보는 공개되지 않았지만, Slate.js나 ProseMirror와 같은 고도의 자유도를 제공하는 라이브러리를 사용했을 가능성이 높습니다.