Framework personalizable en TypeScript para crear editores de texto enriquecido sobre React, con un núcleo sin esquema y basado en plugins.
facebook/lexical
Un framework extensible de Meta para crear editores de texto, con un núcleo independiente del framework de interfaz y bindings oficiales para React.
- Estrellas
- 23,972
- Forks
- 2,257
- Issues abiertos
- 359
- Último commit
- hace 6 horas
¿Qué es?
Lexical es un framework de edición de texto para crear experiencias de edición personalizadas en aplicaciones web. Su núcleo es independiente de cualquier framework de interfaz y el proyecto ofrece bindings oficiales para React, además de una arquitectura basada en plugins para agregar comportamientos y tipos de nodo personalizados.
El editor mantiene su estado en un modelo inmutable, que permite deshacer y rehacer cambios de forma integrada. También permite importar y exportar contenido en JSON, Markdown y HTML, e incluye compatibilidad con tablas, listas, bloques de código, imágenes y nodos personalizados. La edición colaborativa en tiempo real está disponible mediante la integración con Yjs.
Lexical es compatible con Chrome 86+, Firefox 115+, Safari 15+ y Edge 86+, y está escrito en TypeScript con definiciones de tipos incluidas. El repositorio también contiene una aplicación de pruebas y ejemplos de editores de texto plano y texto enriquecido.
Funciones clave
- 01Núcleo independiente del framework, con bindings oficiales para React
- 02Modelo de estado inmutable con funciones integradas para deshacer y rehacer
- 03Arquitectura basada en plugins con puntos de extensión
- 04Importación y exportación en JSON, Markdown y HTML
- 05Colaboración en tiempo real mediante la integración con Yjs
- 06Escrito en TypeScript con definiciones de tipos
Casos de uso
- Agregar un editor de texto enriquecido a una aplicación React
- Crear un editor personalizado con tipos de nodo propios
- Habilitar la edición colaborativa en tiempo real en una aplicación web
- Convertir contenido del editor entre HTML, Markdown y JSON
Inicio rápido
- 1
Instala Lexical con los bindings de React
npm install lexical @lexical/react - 2
Crea un editor con LexicalComposer y un plugin content editable, como se muestra en el ejemplo de React del README
Antes de usarlo
- La compatibilidad con navegadores se limita a versiones recientes, como Chrome 86+, Firefox 115+ y Safari 15+.
Temas
Preguntas frecuentes
- ¿Qué es lexical?
- Un framework extensible de Meta para crear editores de texto, con un núcleo independiente del framework de interfaz y bindings oficiales para React. Lexical es un framework de edición de texto para crear experiencias de edición personalizadas en aplicaciones web. Su núcleo es independiente de cualquier framework de interfaz y el proyecto ofrece bindings oficiales para React, además de una arquitectura basada en plugins para agregar comportamientos y tipos de nodo personalizados.
- ¿lexical es gratuito? ¿Qué licencia tiene?
- lexical es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿lexical sigue mantenido?
- Mantenimiento activo. El último commit de lexical fue el 21 oct 2026.
- ¿Para qué puedo usar lexical?
- Agregar un editor de texto enriquecido a una aplicación React Crear un editor personalizado con tipos de nodo propios Habilitar la edición colaborativa en tiempo real en una aplicación web Convertir contenido del editor entre HTML, Markdown y JSON
- ¿Cómo se instala lexical?
- Instala Lexical con los bindings de React: npm install lexical @lexical/react Crea un editor con LexicalComposer y un plugin content editable, como se muestra en el ejemplo de React del README
- ¿Dónde consigo lexical?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/facebook/lexical
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Editor de texto enriquecido sin interfaz y agnóstico al framework, basado en ProseMirror y ampliable con un amplio conjunto de extensiones.
Editor de texto web basado en bloques que guarda el contenido como JSON limpio en lugar de HTML y se amplía mediante plugins.
Pizarra virtual de código abierto para crear diagramas con aspecto dibujado a mano, con un paquete npm de React que puedes integrar en tus aplicaciones.
Pizarra todo en uno, gratuita y de código abierto, con mapas mentales, diagramas de flujo, dibujo a mano alzada e imágenes, creada con el framework Plait.
Una biblioteca de JavaScript para gestionar el estado global de forma predecible y mantenible, compatible con React y otras bibliotecas de vistas.