El contenido de los componentes de texto no se recupera correctamente al usar un RTE personalizado
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:
-
El método ComponentTextView.getContent debería buscar 'this.activeRte' en lugar de 'this.rte.activeRte', que creo que nunca existe dado la afectación real
-
Esto también implicaría exponer el método apropiado 'rte.getContent' del plugin CKEditor (que creo que debería hacer referencia al método 'getData'](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_editor.html#method-getData) de [CKE)
¿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)
Tu solución parece ser correcta 👍 Un récord personal sería de gran ayuda
¡Genial! Artf/grapesjs-plugin-ckeditor#39 & #2977 abierto.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3655
Los cambios en el nombre del botón del formulario no se capturan en el código HTML generado
Versión: Versión 0.17.19(grapesjs) Versión 0.1.11(grapesjs-preset-webpage) ¿Puedes reproducir el error de la demo?[ ] No ¿Cuál es el compor...
Issue #3681
Textable no funciona con el componente de texto extendido
Versión: 0.17.22 ¿Puedes reproducir el error de la demo?[X] Sí[ ] No ¿Cuál es el comportamiento esperado? Debería poder insertar un element...
Issue #3378
Texto nulo tras guardar.
Versión: 0.16.45 ¿Puedes reproducir el error de la demo?[ ] Sí[x] No ¿Cuál es el comportamiento esperado? No debería haber texto nulo. ¿Cuá...
Issue #3352
El contenido predeterminado se inserta mientras se usa setComponents si el cuerpo de etiquetas está vacío
Versión: Última Puedes obtener la versión escribiendo 'grapesjs.version' en la consola ¿Puedes reproducir el error de la demo?[X] Sí[ ] No...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.