Implementa TinyMCE y desactiva RTE
Hola, mira en el nuevo RTE: Tinymce 6 - https://gjs.market/products/tinymce-6-inline-text-editor Froala - https://gjs.market/products/froala-inline-text-editor
Lee la respuesta completa abajo ↓Pregunta
Estoy intentando aplicar 'tinyMCE' como sustituto de RTE, pero estoy haciendo una tarea imposible: sigo los mismos pasos del plugin CKEDITOR(https://github.com/artf/grapesjs-plugin-ckeditor) pero sin ningún resultado.
También he pensado en reescribir el componente de texto, pero sería demasiado, ya que el componente de texto es el RTE por defecto. He creado un ejemplo aquí https://jsfiddle.net/qept2v7r/3/ si podéis ayudarme, porque la verdad es que no entiendo lo que está pasando y tengo que hacer clic 3 veces para sacar la barra de herramientas del editor.
¡Gracias!
Respuestas (3)
Hola, mira en el nuevo RTE: Tinymce 6 - https://gjs.market/products/tinymce-6-inline-text-editor Froala - https://gjs.market/products/froala-inline-text-editor
Desafortunadamente, debido a este problema https://github.com/tinymce/tinymce/issues/4629, no es posible implementar TinyMCE, de hecho el envoltorio de los grapesjs está dentro de otro iframe y el formato no funciona (solo funcionan los botones de deshacer/rehacer).
Aquí está mi ejemplo, casi completo, de plugin con tinyMCE: https://jsfiddle.net/uq9hfL8p
Tengo que cerrar este asunto porque está relacionado con tinyMCE
@chiqui3d llego un poco tarde, pero conseguí que el cutomrte funcionara con tinymce. Para que tinymce funcione con iframe tienes que pasar en el contexto de la ventana y el documento de iframe.
Añadí a la configuración de tinymce en @artf ejemplo
content_window: document.querySelector('.gjs-frame').contentWindow,
content_document: document.querySelector('.gjs-frame').contentWindow.document,
https://jsfiddle.net/adamyarger/t3b5qky1/1/
También hay que tener en cuenta que algunos de los otros formatos no funcionan, esto se debe a que el elemento raíz tinymce es una etiqueta p. Para usar elementos de bloque en Tinymce tendrás que activar div como componente de texto.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1516
CKEDITOR 5 [Mejora]
Hola @artf, Como se describe en la siguiente tarea, hice una compilación del ckeditor 5 que funciona con GrapesJS, aunque algunas funcional...
Issue #1296
El Editor de Texto Enriquecido Personalizado no funciona
Hola @artf, acabo de crear un plugin personalizado del RTE usando diferentes librerías como CKEditor 5, TinyMCE 4 o Pell, pero todas con el...
Issue #1843
No se aplican clases en diferentes estados a esos estados.
Estoy intentando aplicar una clase en el paso del cursor de un componente y la clase se está aplicando, pero no en el surcurso, se aplica c...
Issue #1347
Los bloques no aparecen en diferentes pestañas y sí se muestran en una sola pestaña
! imagen Hola @artf, Estoy usando tu plugin y quiero usar bloques en diferentes pestañas como bloques, widgets y cuadras, pero cuando uso l...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Tutorial
GrapesJS vs Webflow vs Tilda (2026): Honest Comparison, Pricing & Which to Pick
GrapesJS vs Webflow vs Tilda compared head-to-head: real 2026 pricing, SEO features, code export, and which one actually fits your project
Tutorial
How to Build a Drag-and-Drop Page Builder in Angular Using GrapesJS (Step-by-Step Guide + Code)
Build a visual drag-and-drop page builder in Angular with GrapesJS. Learn setup, plugins, and backend saving in this full code guide.
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.