No se puede anidar <div id="gjs"> en ninguna otra etiqueta
Lo que he hecho es simplemente clonar este repositorio y anidar el '<div id="gjs" style="height:0px; overflow:hidden;">' dentro de otro '<div>', así que sería así Cuando ejecuto 'npm start', me aparece una página en blanco
Lee la respuesta completa abajo ↓Pregunta
Parece que la estructura de 'index.html' debe ser la siguiente:
'''html
Como mis estilos personalizados requieren la presencia del primer 'div' y el 'main', y he intentado actualizar la propiedad 'container' para 'grapesjs.init' sin éxito, pregunto si esto es posible
Respuestas (3)
Lo que he hecho es simplemente clonar este repositorio y anidar el '<div id="gjs" style="height:0px; overflow:hidden;">' dentro de otro '<div>', así que sería así
<div>
<div id="gjs" style="height:0px; overflow:hidden;">
</div>
</div>
Cuando ejecuto 'npm start', me aparece una página en blanco
@fasaas especificaste esto en tu HTML?
<style>
cuerpo,
html {
altura: 100%;
marje: 0;
}
</style>
Por cierto, asegúrate de que tu división principal tenga ''height:100%'' ¡Salud!
Si esto no es posible, ¿hay alguna forma explícita de indicar que cuando añado un nuevo bloque al BlockManager, el contenedor debe ser un contenedor específico que pueda tener previamente definido en 'index.html' y dejar el div original en el nivel superior? '''html
<body> <div id="gjs" style="height:0px; overflow:hidden"> <div class="site-content"> <main class="site-main"> </main> </div> </div> ... ``` Por ejemplo, al añadir un nuevo bloque a una etiqueta específica '''javascript blockManager.add('whatever', { etiqueta: 'Nombre de la etiqueta de contenido', Content: { Type: 'My Component Type Name' }, Categoría: 'Nombre de la Categoría', componente: '.site-main' });Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3019
[PREGUNTA] - Vincular texto/html interno (como div, p, h1) a Trait
¡Hola! He creado un rasgo personalizado y quiero que me permitan cambiar el contenido de las etiquetas (en este caso es una etiqueta H1) ba...
Issue #2207
[BUG]: No se puede arrastrar el componente si hay espacio arriba/izquierda con Modo Absoluto
Dado el siguiente ejemplo de código... ''' html <div style="altura: 100px;"> Un poco de espacio arriba o a la izquierda </div> <div id="gjs...
Issue #1064
[Pregunta] ¿El editor solo debe ser a pantalla completa?
He conseguido contener div id="gjs" dentro de otro contenedor de div para que no ocupara toda la pantalla. Lo hago para que mis propias bar...
Issue #4817
No se puede editar el nodo de texto dentro de div, si div tiene la etiqueta dentro de p > span.
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 108.0.5359.125, Mozilla 1...
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.