bbulbum 2024-03-04 | parent | ★ favorite | on: Tiptap Editor - Headless WYSIWG 에디터(github.com/ueberdosis)

개인적으로 써본중에 제일 편하고 확장하기 쉽게 구성되어있던 것 같아요.
Slate 로 에디터를 만들다가 느꼈던 불편함들이 여기서 정말 많이 해결되었습니다.

혹시 Slate 에디터 사용하셨을 때 불편함이 어떤 게 있었을지 공유해 주실 수 있을까요?
저는 Tiptap만 써봤는데, Slate가 괜찮다는 얘기 들어서 관심이 생긴 상태라서요!!

외부 컴포넌트 만드는 부분이 훨씬 편리합니다. 특히 react 같이 자체 dom 을 사용할 경우, html 이 아닌 컴포넌트로서의 렌더가 필요한데 애초에 모듈화를 고려해서 만든 tiptap이 고치기 더 편하더라고요.

전반적으로 Slate 문서가 어렵다고 느껴졌고, 너무 raw 해서 제가 원하는 기능을 구현하기에 배워야할 부분이 더 많다고 느꼈습니다.

2년 전 쯤의 기억이라 조금 다를 수 있는데 이런 문제들을 겪었어요.

  • 모바일 환경에서 한글입력 문제: 이건 어디서 발생한지 찾기가 너무 어려웠는데, 커스텀하다가 발생해서 정확히 기억이 안나네요.
  • select 관련 컨트롤 어려움: 선택된 문자들에 속성을 처리하는 기능을 추가하는데 굉장히 까다로웠습니다. (객체 자체가 복잡함)
  • 플러그인 개발의 어려움: 지도 등의 플러그인을 직접 개발하려했는데, tiptap 이 플러그인을 추가개발하기 좋게 구성되어서 편했습니다.

오.... 감사합니다~!