Issue #673💬 RespondidoAbierto el 22 de diciembre de 2017por crazyxhzReacciones 1

¿Cómo renderizar el Gestor de bloques fuera del contenedor?

Respuesta rápidapor lorrandavid1

@crazyxhz después de la nueva versión v0.14.5 ahora es posible renderizar el gestor de bloques fuera del editor principal. Puedes lograr el resultado deseado así: No sé si está documentado, pero puedes encontrar más información sobre ello en @artf explicaciones sobre el lanzamiento https://github.com/artf/grapesjs/rel...

Lee la respuesta completa abajo ↓

Pregunta

Soy nuevo en esta gran biblioteca y parece muy ordenada y limpia, PERO aquí está el problema que tengo. Estoy teniendo GJS renderizado en el centro y quiero renderizar el gestor de bloques y otros paneles y botones en un componente de interfaz de terceros. ¿Cómo puedo hacer eso? ! imagen

Respuestas (3)

lorrandavid1 de marzo de 2018

@crazyxhz después de la nueva versión v0.14.5 ahora es posible renderizar el gestor de bloques fuera del editor principal. Puedes lograr el resultado deseado así:

grapesjs.init({
  ...
  layerManager: {
    appendTo: 'consulta-o-elemento',
    ...
  },
  blockManager: {
    appendTo: 'consulta-o-elemento',
    ...
  },
  StyleManager: {
    appendTo: 'consulta-o-elemento',
    ...
  },
  selectorManager: {
    appendTo: 'consulta-o-elemento',
    ...
  },
  traitManager: {
    appendTo: 'consulta-o-elemento',
    ...
  }
});

No sé si está documentado, pero puedes encontrar más información sobre ello en @artf explicaciones sobre el lanzamiento https://github.com/artf/grapesjs/releases/tag/v0.14.5

artf27 de diciembre de 2017

Hola @crazyxhz actualmente no es posible conseguirlo mediante configuración, pero es algo que me gustaría mejorar. Actualmente, como solución temporal, puedes mover paneles vía js una vez que se renderizan; para el gestor de bloques tienes que activarlo primero '''js const editor = grapesjs.init({ ... });

editor.on('load', () => { Carga bloques y ponlos en otro elemento editor.runCommand('bloques abiertos'); Esto renderizará los bloques const blocksEl = document.querySelector('.gjs-blocks-cs'); yourContainer.appendChild(blocksEl); })

artf4 de marzo de 2018

Gracias @lorrandavid por señalarlo, este asunto ya se puede cerrar

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.