Sobre el proyecto
El editor Tiptap es un editor de texto enriquecido headless y framework-agnostic, personalizable y extensible mediante extensiones. Su naturaleza headless significa que no incluye una interfaz de usuario integrada, lo que otorga a los desarrolladores total libertad de diseño; desde el proyecto se vinculan plantillas de UI como ejemplo. El editor está construido sobre la librería ProseMirror.
Características principales descritas en el README:
- Framework headless: sin interfaz de usuario empaquetada, por lo que no es necesario sobrescribir clases ni recurrir a parches de código. Hay plantillas de UI de ejemplo disponibles para quienes busquen un punto de partida.
- Framework-agnostic: diseñado para funcionar en múltiples frameworks frontend, incluyendo Vue, React y JavaScript puro.
- Basado en extensiones: el comportamiento de edición se compone a partir de extensiones, que van desde estilos de texto sencillos hasta funciones avanzadas como edición de bloques con arrastrar y soltar. La documentación enumera más de 100 extensiones, junto con extensiones adicionales de la comunidad.
- UX personalizable: los desarrolladores pueden definir sus propias extensiones y nodos.
Las extensiones Pro constituyen un conjunto separado de funciones avanzadas basadas en suscripción que pueden integrarse en el editor base, cubriendo áreas como edición colaborativa, comentarios, versionado, conversión de documentos y funciones relacionadas con IA.
Para la edición colaborativa, el proyecto señala a Hocuspocus, un backend de colaboración open-source construido alrededor de las capacidades CRDT de Yjs. Juntos, el editor y Hocuspocus forman la base de la suite Tiptap.
Desde el README se vinculan documentación, ejemplos y demos en CodeSandbox, incluyendo un ejemplo básico del editor, un sandbox preparado para colaboración y una plantilla de editor de bloques en React. El proyecto tiene licencia MIT y acepta contribuciones.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.