El editor de texto enriquecido predeterminado GrapesJS cubre lo básico, pero en el momento en que un proyecto crece hasta convertirse en un constructor completo sin código o en un compositor de correo electrónico empresarial, sus capacidades empiezan a sentirse limitadas. DevFuture Development cubre ese vacío con dos plugins comerciales enGJS. Mercado: un envoltorio para CKEditor 5 y otro para Froala. Ambos reemplazan el RTE en línea predeterminado de GrapesJS sin romper la habitual experiencia de usuario de edición en situ que están diseñados los constructores.
En este artículo repasamos la nueva versión CKEditor 5 Inline v0.1.4 y recapitulamos por qué el Froala Inline Text Editor sigue siendo uno de los plugins RTE más vendidos para GrapesJS.
Editor de texto en línea CKEditor 5 para GrapesJS — novedades en la v0.1.4
ElEditor de Texto en Línea GrapesJS — Compatible con el plugin CKEditor 5cambia el GrapesJS RTE original por CKEditor 5 en modo en línea. CKEditor en sí no está incluido — lo instalas y lo licencias por separado — mientras que el plugin se encarga de la integración: montar en el iframe del lienzo, interceptar eventos de edición y sincronizar contenido de nuevo en el modelo GrapesJS.
Laversión v0.1.4(25 de mayo de 2026) es principalmente una versión de estabilización. El equipo resolvió una serie de problemas que afectaban frecuentemente a los usuarios que ejecutaban el plugin dentro del SDK de Studio y otras aplicaciones anfitrionas complejas.
Correcciones de errores
- Recorte de barra de herramientas corregido.La barra de herramientas y los paneles de globos (Link URL form, font-color selector) ahora se renderizan en el documento padre en lugar de dentro del iframe. Ya no están recortados por superposiciones de editor de host — especialmente por Studio SDK. Los paneles siempre se colocan encima, donde esperas.
- Posición del globo de enlace corregida.El formulario de URL de enlace ahora se abre junto al texto seleccionado en lugar de cerca del botón de la barra de herramientas. Una cosa pequeña, pero antes rompía el patrón de interacción que los usuarios esperan de cualquier editor moderno.
- No más mensajes que desaparezcan.Un error en la super-compilación de GHS de CKEditor hacía que el contenido se incluyera
.ck-editor__editableen cada ciclo de edición, lo que significaba que el texto del usuario se perdió tras activar/desactivar repetidamente. Eso ya no está. - No hay doble inyección de iframe.El módulo editor ahora se inyecta en el iframe exactamente una vez. La condición de carrera en los interruptores rápidos de componentes es fija.
- Mejoras en el rendimiento.
editor.refresh()fue eliminado del observador elemental. GrapesJS ya no se vuelve a renderizar en cada pulsación dentro de CKEditor, lo que es una diferencia notable en proyectos grandes.
Mejoras
- La barra de herramientas sigue correctamente el elemento iframe cuando cualquier antepasado se desplaza.
- Los paneles de globo sobreviven a las transformaciones CSS en las carcasas de aplicación del host.
- Mejora de la cobertura de pruebas para todos los escenarios fijos.
Compatibilidad y formato soportado
El plugin se prueba en toda la gama actual de versiones de GrapesJS: 0.17.x,0.18.x,0.19.x0.20.x,,0.21.x,.0.22.x De serie, soporta negrita, cursiva, subrayado, tachado, color de texto y fondo, tamaño de fuente y familia de fuentes. Todo lo que va más allá se delega en CKEditor 5 — la configuración se hereda de tu versión de CKEditor, así que cualquier plugin del ecosistema CKSource puede conectarse por cable.
Precio: 69 $ (bajó desde 93,15 $). El paquete incluye código fuente completo, una versión lista dist para producción, una licencia comercial y futuras actualizaciones.
⚠️ Este plugin no es un producto oficial de CKSource y no está afiliado a CKSource. CKEditor es una marca registrada de CKSource Holding sp. z o.o.
Froala Inline Text Editor para GrapesJS — alternativa probada
Si CKEditor 5 parece excesivo, o tu equipo ya tiene una licencia de Froala, merece la pena echarle un vistazo aleditor de texto Froala Inlinedel mismo autor. Ha sido un éxito de ventas en el mercado desde octubre de 2022; la última actualización se lanzó el 2 de septiembre de 2025.
Características
El conjunto base de formato refleja el envoltorio CKEditor:
- Negrita, cursiva, subrayado, tacha
- Color de texto y color de fondo
- Tamaño de fuente, familia de fuentes
- Regla horizontal (HR)
Pero hay una característica que impulsa a muchos equipos a optar específicamente por la versión de Froala: soporte de primera clase para variables plantilla como{{name}}y{{email}}. Esto es importante para los creadores de correo electrónico y las plantillas de boletines: el usuario ve el marcador justo dentro del editor visual, y el backend sustituye los valores reales en el momento de enviarlo. Con el RTE nativo de GrapesJS tendrías que hacer manualmente ese UX.
Compatibilidad
El plugin soporta GrapesJS 0.16.x a través 0.22.x de — un rango de versiones aún más amplio que el wrapper de CKEditor. El código fuente y una distcompilación están incluidos.
Precio: 69 dólares. Al igual que con el envoltorio CKEditor, Froala es un producto comercial independiente licenciado por Froala Labs — este plugin resuelve la capa de integración.
CKEditor 5 vs Froala para GrapesJS — cuál elegir
Ambos plugins resuelven el mismo problema: reemplazar el RTE en línea predeterminado de GrapesJS por algo más potente. Difieren en el caso de uso objetivo y en las sutilezas de integración.
| Criterion | CKEditor 5 En línea v0.1.4 | Froala Inline |
|---|---|---|
| Precio | 69 dólares | 69 dólares |
| Formato base | Completo | Completo |
Variables ({{name}}) | Mediante personalización | Empotrado |
| Compatibilidad con GrapesJS | 0.17.x–0.22.x | 0.16.x–0.22.x |
| Última actualización | 25 de mayo de 2026 (v0.1.4) | 2 de septiembre de 2025 |
| Licencia de editor | CKEditor 5 por separado | Froala por separado |
| Studio SDK listo | ✅ (corregido en la v0.1.4) | ✅ |
Elige CKEditor 5 Inline si:
- ya trabajas dentro del ecosistema CKEditor 5 y tienes licencia;
- necesitas una API rica y extensible y el amplio catálogo de plugins de CKSource;
- el proyecto se encuentra dentro del SDK de Studio u otra aplicación anfitriona con un DOM complejo — la versión 0.1.4 está específicamente diseñada para esos entornos.
Elige Froala Inline si:
- Estás creando un generador de correos electrónicos o una herramienta de plantillas que se basa en
{{...}}sustituciones; - tu equipo ya tiene licencia de Froala;
- necesitas compatibilidad con proyectos legados GrapesJS 0.16.x.
En resumen
La versión CKEditor 5 Inline v0.1.4 es exactamente el tipo de actualización que buscas de un plugin que ya está en producción: nada llamativo, solo una limpieza limpia de los bugs molestos relacionados con Studio SDK, inyección de iframe y posicionamiento de paneles. Si probaste el plugin antes y te diste de esos problemas, merece la pena echarle un nuevo vistazo.
Froala Inline, por su parte, sigue siendo una opción sólida — especialmente para proyectos con variables de plantilla, donde su{{placeholder}}soporte ahorra horas de trabajo personalizado.
Ambos plugins están desarrollados por DevFuture Development, ambos vienen con código fuente completo y ambos están disponibles enGJS. Mercado.
Enlaces útiles
- Editor de texto en línea CKEditor 5 para GrapesJS: vista previa en vivo y compra
- Froala Inline Text Editor para GrapesJS: vista previa en vivo y compra
- Todos los plugins RTE de GrapesJS en GJS. Mercado