tiptap

Tiptap Editor는 확장을 통해 맞춤형이 가능하며 확장 가능한 헤드리스, 프레임워크 독립형 리치 텍스트 에디터입니다. 헤드리스 특성은 빌트인 사용자 인터페이스 없이 제공되어 개발자에게 완전한 디자인 자유를 부여합니다. 관련 UI 템플릿은 프로젝트에서 링크로 제공됩니다. 에디터는 ProseMirror 라이브러리를 기반으로 구축되었습니다. README에 설명된 주요 특징: - 헤드리스 프레임워크: 번들된 UI가 없으므로 클래스 재정의나 코드 해킹이 필요 없습니다. 시작점으로 사용할 수 있는 예시 UI 템플릿을 제공합니다. - 프레임워크 독립형: Vue, React, 순수 자바스크립트를 포함한 프론트엔드 프레임워크 전반에서 작동하도록 설계되었습니다. - 확장 기반: 단순한 텍스트 스타일링부터 드래그앤드롭 블록 편집 같은 고급 기능까지 확장을 통해 편집 동작을 구성합니다. 문서는 100개 이상의 확장과 추가 커뮤니티 확장을 나열합니다. - 사용자 경험 커스터마이징: 개발자는 자신만의 확장과 노드를 정의할 수 있습니다. Pro 확장은 기반 에디터에 통합할 수 있는 구독 기반의 고급 기능 세트로, 협업 편집, 주석, 버전 관리, 문서 변환, AI 관련 기능 등을 포함합니다. 협업 편집의 경우, 이 프로젝트는 Yjs의 CRDT 기능을 기반으로 구축된 오픈소스 협업 백엔드인 Hocuspocus를 가리킵니다. 에디터와 Hocuspocus는 Tiptap Suite의 기반을 형성합니다. 문서, 예시, CodeSandbox 데모는 README에서 링크되며, 기본 에디터 예시, 협업 준비가 된 샌드박스, React 블록 에디터 템플릿이 포함되어 있습니다. 이 프로젝트는 MIT 라이선스 하에 있으며 기여를 환영합니다.