Mueve el panel a la izquierda
Correcto, como ves yo hago lo mismo aquí: https://grapesjs.com/docs/getting-started.html#start-from-the-canvas
Lee la respuesta completa abajo ↓Pregunta
Hola equipo de grapesjs,
Estoy intentando mover BlockManager, StyleManager, TraitManager, etc., hacia la izquierda. He intentado usar 'appendTo' pero no sé por qué el panel por defecto sigue apareciendo.
¿Es posible mover todo lo que está en la barra lateral derecha hacia la izquierda? O añadelas al nuevo elemento html y elimina el predeterminado.
'''html
<div class="row"> <div class="column" style="flex-basis: 300px; fondo: #463a3c; color: #fff; text-align: center"> Jefe de bloque <div id="bloques" clase="columna"></div>Responsable de estilo ... </div>
<div class="column" style="flex-basis: calc(100% - 300px)"> <div id="canvas" style="height:0px; overflow:hidden"> </div> </div> </div> ```'''javascript var editor = grapesjs.init({ blockManager: { appendTo: '#blocks' }, StyleManager: { appendTo: '#style-manager-container' }, selectorManager: { append a: '#selectors-contenedor', }, traitManager: { appendTo: '#traits-contenedor', }, })
Perdón @artf si mi pregunta es demasiado básica, pero he estado investigando la documentación y no he encontrado ninguna pista.
**Actualizado**
Encontré una forma de eliminar el panel por defecto asignando un array vacío a la propiedad de valores de 'defaults'
'''javascript
Paneles: {
Valores predeterminados: []
},
Pero solo se trata de quitar el panel, no la distribución. Se ve así. ! viñeta vacía
Conseguí eliminar el diseño marrón usando CSS. '''css .gjs-cv-canvas { /* quita el hueco derecho */ ancho: 100%;
/* quita la abertura superior */ altura: 100%; Arriba: 0 }
! [captura de pantalla del 11 de diciembre del 38-13-44](https://user-images.githubusercontent.com/11598084/49782787-1e25c880-fd4a-11e8-84dd-c137c26c22aa.png)
Todavía me pregunto si lo estoy haciendo bien o no. Por favor, ilumíname
Respuestas (3)
Correcto, como ves yo hago lo mismo aquí: https://grapesjs.com/docs/getting-started.html#start-from-the-canvas
Gracias por confirmarlo
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1450
[PREGUNTAS] Panel de dispositivos añadir a
Hola a todos. Consigo rediseñar el editor de grapesjs usando 'appendTo' en el 'styleManager', 'layerManager' y 'blockManager' en su propia...
Issue #1953
[PREGUNTAS] renderiza sin iframe o obtén estilos y scritps globales
Hola, estoy intentando integrar grapesjs en prestashop, pero debido al iframe, no consigo el global css ni js. Intenté introducir el CSS y...
Issue #466
Botón de desactivar
Hola, He añadido un botón nuevo en el Panel de Opciones y ahora intento desactivar mientras que un criterio dado no es válido. Por ahora, h...
Issue #1818
[Pregunta]: Elaborando uvas trabajando con angular7 y material
Estoy intentando integrar la librería con Angular7, pero tuve problemas al mover el contenedor '<div id="gjs"></div>' al componente materia...
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.