Repolode
Enviar
ueberdosis

ueberdosis/tiptap

Editor de texto enriquecido sin interfaz y agnóstico al framework, basado en ProseMirror y ampliable con un amplio conjunto de extensiones.

Alternativa open source a:Notion

Ver en GitHubSitio web
Estrellas
38,793
Forks
3,171
Issues abiertos
909
Último commit
hace 8 horas

¿Qué es?

Tiptap es un editor de texto enriquecido sin interfaz. Se distribuye sin interfaz de usuario, así que los desarrolladores controlan el aspecto y la disposición del editor, mientras que el framework se encarga del estado del documento, el formato y el comportamiento de edición. Está basado en la biblioteca ProseMirror y funciona con Vue, React y JavaScript sin framework.

La funcionalidad se añade mediante extensiones: hay más de 100 disponibles, con funciones que van desde el formato básico de texto hasta la edición por bloques con arrastrar y soltar. Los desarrolladores también pueden definir extensiones y tipos de nodo personalizados para adaptarlos a su propio modelo de contenido.

El proyecto forma parte de Tiptap Suite, que integra el editor con Hocuspocus, un backend de colaboración de código abierto basado en Yjs. Algunas funciones avanzadas, como la colaboración, los comentarios y las herramientas de IA, se ofrecen como Pro Extensions y requieren una suscripción.

Funciones clave

  • 01Diseño sin interfaz integrada, que ofrece control total sobre los estilos
  • 02Agnóstico al framework; se puede usar con Vue, React o JavaScript sin framework
  • 03Sistema de extensiones con más de 100 disponibles
  • 04Extensiones y nodos personalizados para adaptar los modelos de contenido
  • 05Basado en ProseMirror

Casos de uso

  • Añadir un campo de edición de texto enriquecido con un diseño personalizado a una aplicación web
  • Crear un editor por bloques al estilo de Notion con React o Vue
  • Crear edición colaborativa de documentos con Hocuspocus y Yjs

Inicio rápido

  1. 1

    Instala Tiptap agent skill en tu proyecto

    npx skills add ueberdosis/tiptap --skill tiptap
  2. 2

    Sigue la guía de instalación de la documentación de Tiptap

Antes de usarlo

  • Es un editor headless, por lo que no incluye interfaz de usuario y tendrás que crear la tuya.
  • Para usar Pro Extensions, necesitas una suscripción válida.

Temas

#editor#rich-text#wysiwyg#prosemirror#javascript#typescript#react#vue#js#renderless-components

Preguntas frecuentes

¿Qué es tiptap?
Editor de texto enriquecido sin interfaz y agnóstico al framework, basado en ProseMirror y ampliable con un amplio conjunto de extensiones. Tiptap es un editor de texto enriquecido sin interfaz. Se distribuye sin interfaz de usuario, así que los desarrolladores controlan el aspecto y la disposición del editor, mientras que el framework se encarga del estado del documento, el formato y el comportamiento de edición. Está basado en la biblioteca ProseMirror y funciona con Vue, React y JavaScript sin framework.
¿tiptap es gratuito? ¿Qué licencia tiene?
tiptap es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿tiptap sigue mantenido?
Mantenimiento activo. El último commit de tiptap fue el 20 oct 2026.
¿Para qué puedo usar tiptap?
Añadir un campo de edición de texto enriquecido con un diseño personalizado a una aplicación web Crear un editor por bloques al estilo de Notion con React o Vue Crear edición colaborativa de documentos con Hocuspocus y Yjs
¿Cómo se instala tiptap?
Instala Tiptap agent skill en tu proyecto: npx skills add ueberdosis/tiptap --skill tiptap Sigue la guía de instalación de la documentación de Tiptap
¿Dónde consigo tiptap?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/ueberdosis/tiptap

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados