Issue #2882💬 RespondidoAbierto el 8 de julio de 2020por ghostReacciones 0

ERROR: Problema al añadir un bloque de elementos de pie de foto al lienzo

Respuesta rápidapor artf

De hecho, HTML <caption>solo permite '' dentro de '<table>'s (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption), así que el analizador siempre lo convertirá en un nodo de texto; de hecho, el verdadero problema no es el pie de foto sino el renderizado del nodo de texto en grapesjs. Esto producirá el mi...

Lee la respuesta completa abajo ↓

Pregunta

Versión: 0.16.18

¿Puedes reproducir el error de la demo? [x] Sí https://jsfiddle.net/triawarman/tmcoqxhp/

¿Cuál es el comportamiento esperado? Al arrastrar el bloque de "leyenda" al lienzo, añadirá el elemento '<caption>Insertar texto aquí</caption>'

¿Cuál es el comportamiento actual? Añadir texto "Insertar texto aquí" directamente al lienzo, incluso antes de soltar el bloque de "leyenda" en el lienzo.

Describe el error detallado no añadir elemento de "leyenda" al lienzo

Respuestas (2)

artf23 de julio de 2020

De hecho, HTML <caption>solo permite '' dentro de '<table>'s (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption), así que el analizador siempre lo convertirá en un nodo de texto; de hecho, el verdadero problema no es el pie de foto sino el renderizado del nodo de texto en grapesjs. Esto producirá el mismo efecto '''js editor. Blocks.add('test', { etiqueta: 'Mi bloque', contenido: 'Mi texto', });

Por cierto, debería arreglarse en la próxima versión, gracias por el informe
ghost28 de julio de 2020

Gracias, @artf gracias por tu respuesta. De hecho, después <caption>del problema de '', encontré otro problema con la tabla, no puedo arrastrar y soltar <tr>'' en la '<table>', y '<th><td>' ' en la '<tr>'

El código de la demo está aquí: https://jsfiddle.net/triawarman/tpnco4v6/

Encontré un problema con Simmilair en https://github.com/artf/grapesjs/issues/1632 intentando añadir una barra de peaje personalizada para la tabla/celda, pero quizá haya una forma sencilla o ¿también sea un bug?

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.