Explorar por categoría
GrapesJS RTE
Los plugins de RTE para GrapesJS mejoran el editor de texto enriquecido integrado con controles de formato adicionales, barras de herramientas personalizadas y funciones avanzadas de edición de contenido. Desde añadir selectores de fuente y muestras de color hasta integrar editores completos como TipTap o Quill, estas extensiones te dan un control preciso sobre la edición de texto dentro del lienzo. Filtra por compatibilidad, precio y valoración para encontrar la extensión RTE adecuada para tu proyecto GrapesJS.
Sobre GrapesJS RTE
El editor de texto enriquecido de GrapesJS es el editor en línea que se activa cuando un usuario hace doble clic en un componente de texto del lienzo. Por defecto ofrece una barra de formato básica, pero los plugins de RTE la sustituyen o amplían con un amplio abanico de capacidades. Los plugins de RTE más instalados añaden selectores de familia y tamaño de fuente, selectores de color de texto y de fondo, controles de alineación, editores de enlaces y la posibilidad de insertar HTML en línea. Los plugins más avanzados integran editores de terceros completos —hay envoltorios de TipTap, Quill, CKEditor y ProseMirror en GJS.Market— y ofrecen a tus usuarios una experiencia de edición al estilo procesador de textos dentro del propio lienzo. Al elegir un plugin de RTE, revisa la columna de compatibilidad de versión de GrapesJS: las APIs del RTE cambiaron entre versiones mayores y algunos plugins antiguos requieren una capa de compatibilidad. Todos los plugins de RTE en GJS.Market se prueban contra las versiones indicadas en su insignia de compatibilidad, y en cada ficha premium se muestra el tiempo de respuesta del autor.
GrapesJS RTE — Preguntas frecuentes
- ¿Qué es el RTE en GrapesJS?
- El RTE es el editor de texto enriquecido en línea que se activa al hacer doble clic en un componente de texto. Edita directamente en el lienzo y no en un campo aparte, e incluye una barra mínima: negrita, cursiva, subrayado, tachado y enlace. Todo lo demás llega desde un plugin o desde acciones de barra que definas tú.
- ¿Cómo añado botones a la barra del RTE de GrapesJS?
- Usa editor.RichTextEditor.add con un id, un icono y una función result que aplique el formato a la selección actual. Así se construyen los selectores de fuente, las muestras de color y los controles de alineación. Limita las acciones a dar formato a la selección: cualquier cosa estructural corresponde a un componente o a un comando.
- ¿Puedo sustituir el RTE de GrapesJS por TipTap, Quill o CKEditor?
- Sí. GrapesJS permite reemplazar toda la implementación del RTE mediante la configuración rte, y en esta categoría hay envoltorios para TipTap, Quill, CKEditor y ProseMirror. El envoltorio debe devolver el contenido editado al componente al perder el foco, que es justo lo que estos plugins resuelven por ti.
- ¿Por qué el RTE elimina o altera mi HTML?
- Porque contenteditable normaliza el marcado y después GrapesJS lo analiza de vuelta a su modelo de componentes. En ese ida y vuelta se descartan etiquetas no admitidas y atributos sueltos. Si necesitas conservar el marcado tal cual, mantenlo fuera de un componente de texto: usa un tipo de componente propio con su propia view.
- ¿Qué plugin de RTE funciona con mi versión de GrapesJS?
- Consulta la insignia de compatibilidad de cada ficha y usa el filtro de versión de esta página. El RTE es la zona donde más cambió la API entre versiones mayores de GrapesJS, así que un plugin antiguo puede necesitar una capa de compatibilidad para funcionar en una build actual. Las fichas premium indican explícitamente las versiones probadas y muestran el tiempo de respuesta del autor.