Issue #1645💬 RespondidoAbierto el 11 de diciembre de 2018por afdallahReacciones 1

Mueve el panel a la izquierda

Respuesta rápidapor artf1

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.

! uvas suena

¿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)

afdallah7 de enero de 2019

Gracias por confirmarlo

lock[bot]7 de enero de 2020

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.

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.