Cómo colocar un componente al final del lienzo.
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)
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);
@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?
¿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.
Issue #1875
[PREGUNTA] Cambios de ID al importar HTML o pasar HTML en components prop en config.
Hola, He creado un componente y un bloque que puedo arrastrar y soltar en el lienzo. Mi problema es que algunos estilos dependen del ID. Sé...
Issue #994
Cómo asegurarse de que el bloque se cae solo en el nivel más alto
Por ejemplo, tengo dos bloques A y B que quiero dejar en el lienzo del editor. Pero a veces el bloque que caía después se convertía en hijo...
Issue #1982
[PREGUNTAS] addcomponent después del componente seleccionado
¿cómo puedo hacer posible añadir nuevos componentes después del componente que seleccioné? En este momento uso 'editor. DomComponents.addCo...
Issue #1472
[PREGUNTAS] Bloque de código personalizado y JS
¿Me pregunto si existe alguna limitación o si realmente es posible crear un bloque que permita al usuario del editor escribir código JavaSc...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.