Elaborando uvas trabajando con angular7 y material
Para referencia futura: El problema estaba relacionado con ejecutar la llamada grapesjs.init antes de que se renderizara el html y <div> el interior del mat-step no estaba disponible.
Lee la respuesta completa abajo ↓Pregunta
Estoy intentando integrar la librería con Angular7, pero tuve problemas al mover el contenedor '<div id="gjs"></div>' al componente material (paso a paso) en este caso.
He puesto mi código en https://stackblitz.com/edit/angular-qa6gqz (el error con grapesjs no ocurre en mi entorno local).
<mat-horizontal-stepper labelPosition="bottom" [@.disabled]="true">
<mat-step label="Gestión de plantillas" [completado]="false">
PLANTILLAS
</mat-step>
<mat-step label="Editar la plantilla" [completado]="false">
<div id="gjs"></div> <- No aparece
<div id="bloques"></div>
</mat-step>
<mat-step label="Prueba y Guarda" [completado]="false">
<div>
<botón-alfombra-elevado-botón (clic)="savePlantilla()" id="save-plantilla">
Salvar
</button>
</div>
</mat-step>
</mat-horizontal-stepper>
<div id="gjs"></div> <- Programas
<div id="bloques"></div>
<router-outlet></router-outlet>
¿Puedes ayudar?
Respuestas (2)
Para referencia futura: El problema estaba relacionado con ejecutar la llamada grapesjs.init antes de que se renderizara el html y <div> el interior del mat-step no estaba disponible.
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 #922
PREGUNTA: Añadir estilo por defecto a un componente
He estado trabajando en integrar grapesjs en un nuevo desarrollo en el que estoy trabajando. He tenido mucho éxito con la documentación y e...
Issue #1655
[Pregunta] isComponent() no se invoca
Estoy intentando crear un plugin, pero tengo un problema con isComponent. Mi componente no lo llama cuando el editor carga el código, este...
Issue #1843
No se aplican clases en diferentes estados a esos estados.
Estoy intentando aplicar una clase en el paso del cursor de un componente y la clase se está aplicando, pero no en el surcurso, se aplica c...
Issue #1505
añadir filas y secciones que no funcionan
Estoy integrando Grapejs con Angular6. Pero no funciona significa que no aparece en bloques Estoy usando el siguiente código
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.