Issue #2916💬 RespondidoAbierto el 24 de julio de 2020por mcottretReacciones 1

El contenido de los componentes de texto no se recupera correctamente al usar un RTE personalizado

Respuesta rápidapor artf1

Tu solución parece ser correcta 👍 Un récord personal sería de gran ayuda

Lee la respuesta completa abajo ↓

Pregunta

Versión: 0.16.12

¿Puedes reproducir el error de la demo?

[ ] Sí [x] No (no incluye un RTE personalizado)

¿Cuál es el comportamiento esperado?

Al usar un RTE personalizado, el código generado/exportado debe corresponder al código generado por el RTE

¿Cuál es el comportamiento actual?

El código generado corresponde a el elemento canvas del componente de texto con 'innerHTML'.

Si tomamos CKEditor como ejemplo: crear un ancla vacía (como se muestra en la captura 1) da como resultado el código generado por GJS que contiene el elemento '' de la bandera <img>del ancla (cf. captura de pantalla 2), mientras que CKEditor lo genera correctamente (cf. captura de pantalla 3).

Solución propuesta:

¿Esto te parece bien? Como siempre, estaría encantado de abrir ambos PR para arreglar este :)

¿Puedes adjuntar capturas de pantalla, screencasts o una demo en directo?

[x] Sí (adjuntar)

Captura de pantalla 1 (ejemplo de lienzo):

<img width="200" alt="Captura de pantalla 2020-07-24 a las 4:05 06 PM" src="https://user-images.githubusercontent.com/9916749/88408361-bf547c00-cdd3-11ea-9bfa-df6dcb3b3fbb.png">

Captura de pantalla 2 (código generado por GJS):

<img width="408" alt="Captura de pantalla 2020-07-24 a las 4:05 17 PM" src="https://user-images.githubusercontent.com/9916749/88408374-c24f6c80-cdd3-11ea-9682-fa80454fabf9.png">

Captura de pantalla 3 (código generado por CKEditor):

<img width="818" alt="Captura de pantalla 2020-07-24 a las 5 22 57 PM" src="https://user-images.githubusercontent.com/9916749/88408382-c4b1c680-cdd3-11ea-8605-33e0ed9e6a26.png">

[ ] No

Respuestas (2)

artf25 de agosto de 2020

Tu solución parece ser correcta 👍 Un récord personal sería de gran ayuda

mcottret26 de agosto de 2020

¡Genial! Artf/grapesjs-plugin-ckeditor#39 & #2977 abierto.

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 →

Explorar categorías de plugins

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