Un toolkit moderno y ligero de arrastrar y soltar para la web, con un núcleo independiente del framework y adaptadores para React, Vue, Svelte y SolidJS.
17,7 mil927TypeScriptMITActualizado hace 7 días
- Estrellas
- 5,246
- Forks
- 803
- Issues abiertos
- 247
- Último commit
- hace 6 horas
¿Qué es?
react-email-editor es el wrapper oficial de React para el editor de correo electrónico de arrastrar y soltar de Unlayer. Añade el componente a una aplicación React y los usuarios tendrán un editor visual de correo electrónico sin que tengas que crear uno desde cero.
El componente expone una referencia a la instancia del editor subyacente para que puedas llamar a métodos como loadDesign, saveDesign y exportHtml. Los diseños se almacenan como JSON y exportHtml devuelve tanto el diseño como el HTML adaptable. Las opciones, como minHeight, style y la configuración del editor, se pasan mediante props, y puedes añadir bloques de contenido personalizados con las herramientas personalizadas de Unlayer.
El paquete requiere React 16.8 o posterior y Node 18 o posterior, y se puede importar directamente desde los Client Components de Next.js. El README enumera Gmail, Apple Mail, Outlook y Yahoo! Mail como clientes probados.
Funciones clave
- 01Integra un editor de correo electrónico de arrastrar y soltar como un único componente de React.
- 02Carga y guarda diseños de correo electrónico como JSON.
- 03Exporta HTML adaptable junto con los datos del diseño.
- 04Expone los métodos y eventos del editor mediante una referencia y callbacks.
- 05Admite bloques de contenido personalizados mediante herramientas personalizadas.
- 06Funciona en los Client Components del App Router de Next.js sin soluciones adicionales basadas en importaciones dinámicas.
Casos de uso
- Añadir un creador de plantillas a un producto SaaS de marketing por correo electrónico.
- Permitir que los usuarios finales creen newsletters o diseños de correos transaccionales dentro de la aplicación.
- Generar HTML de correo electrónico a partir de diseños JSON almacenados en un flujo de trabajo administrativo.
Inicio rápido
- 1
Instala el paquete desde NPM
npm install react-email-editor --save - 2
Importa EmailEditor y renderízalo con un ref y una función de callback onReady en tu aplicación de React
Antes de usarlo
- Requiere React 16.8 o posterior y Node 18 o posterior.
- El editor solo funciona en el cliente y se renderiza en el DOM, por lo que no puede ejecutarse en el servidor.
- Las funciones completas del editor y AI Assistant dependen de una cuenta y una configuración de Unlayer.
Temas
Preguntas frecuentes
- ¿Qué es react-email-editor?
- Componente de React que integra el editor de correo electrónico de arrastrar y soltar de Unlayer en una aplicación React, con APIs para cargar, guardar y exportar diseños como HTML. react-email-editor es el wrapper oficial de React para el editor de correo electrónico de arrastrar y soltar de Unlayer. Añade el componente a una aplicación React y los usuarios tendrán un editor visual de correo electrónico sin que tengas que crear uno desde cero.
- ¿react-email-editor es gratuito? ¿Qué licencia tiene?
- react-email-editor es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿react-email-editor sigue mantenido?
- Mantenimiento activo. El último commit de react-email-editor fue el 21 oct 2026.
- ¿Para qué puedo usar react-email-editor?
- Añadir un creador de plantillas a un producto SaaS de marketing por correo electrónico. Permitir que los usuarios finales creen newsletters o diseños de correos transaccionales dentro de la aplicación. Generar HTML de correo electrónico a partir de diseños JSON almacenados en un flujo de trabajo administrativo.
- ¿Cómo se instala react-email-editor?
- Instala el paquete desde NPM: npm install react-email-editor --save Importa EmailEditor y renderízalo con un ref y una función de callback onReady en tu aplicación de React
- ¿Dónde consigo react-email-editor?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/unlayer/react-email-editor
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Editor visual modular, de código abierto y de arrastrar y soltar para React, que renderiza con tus propios componentes y datos.
13,5 mil1 milTypeScriptMITActualizado hace 6 días
Aplicación de pizarra de código abierto para dibujar y colaborar en equipo en tiempo real, basada en el motor de tldraw e incluye funciones de IA.
37844JavaScriptSin licenciaActualizado hace 7 meses
Convierte markdown en HTML adaptable y compatible con los principales clientes de correo, además de generar una versión de texto sin formato.
1,4 mil41TypeScriptMITActualizado hace 15 días
Una biblioteca minimalista de JavaScript vanilla para crear editores de diagramas de flujo con bloques arrastrables y ajuste automático en aplicaciones web.
12,1 mil1 milJavaScriptMITActualizado hace 2 años
Conversor de archivos de escritorio gratuito y de código abierto: arrastra archivos a un menú circular de formatos y convierte más de 240 formatos sin conexión.
9,1 mil578C#MITActualizado hace 18 horas