Issue #1818✓ ResueltoAbierto el 20 de febrero de 2019por mcrodrigReacciones 2

Elaborando uvas trabajando con angular7 y material

Respuesta rápidapor mcrodrig2

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)

👍 Muy útilmcrodrig21 de febrero de 2019

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.

lock[bot]21 de febrero 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.