Issue #1697✓ ResueltoAbierto el 2 de enero de 2019por chiqui3dReacciones 24

Implementa TinyMCE y desactiva RTE

Respuesta rápidapor GoodPHP18

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)

artf6 de enero de 2019

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

adamyarger13 de junio de 2019

@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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.