Issue #2061💬 RespondidoAbierto el 2 de junio de 2019por froderfReacciones 0

Cómo colocar un componente al final del lienzo.

Respuesta rápidapor artf

Puedes usar algo así '''js pie de página = '<estilo div="relleno: 100px">Mi pie de página</div>'; editor.getWrapper().getEl().insertAdjacentHTML('afterEnd', pie de página); ```

Lee la respuesta completa abajo ↓

Pregunta

¿Cómo puedo poner mi zapata al final del lienzo?

Quiero que el editor no permita colocar un bloque o widget debajo del pie de página.

Ejemplo


<!-- solo permiten arrastrar o colocar widgets aquí -->

PIE DE PÁGINA
<!-- No debería haber bloques/widgets debajo de esta >

Respuestas (3)

artf13 de junio de 2019

Puedes usar algo así '''js pie de página = '<estilo div="relleno: 100px">Mi pie de página</div>'; editor.getWrapper().getEl().insertAdjacentHTML('afterEnd', pie de página);

froderf15 de junio de 2019

@artf ¿Tenemos algo como removeAdjacentHTML() 'editor.getWrapper().getEl().removeAdjacentHTML('afterEnd', pie de página);'

porque cuando usamos

pie de página = '<estilo div="relleno: 100px">Mi pie de página</div>';
editor.getWrapper().getEl().insertAdjacentHTML('afterEnd', pie de página);

Se duplica cada vez que recargas la ventana.


Estoy buscando una forma de solucionar esto, pero no he tenido suerte :( ¿Parece un error?

artf15 de junio de 2019

¿Tenemos algo como removeAdjacentHTML()

getEl() te da la instancia HTMLElement, así que insertAdjacentHTML es de DOM API, no de GrapesJS

sigue duplicándose cada vez que recargas la ventana.

... ¿Se puede crear una demo reproducible?

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.