[Pregunta/Mejora] Cómo exportar CSS vinculado en las propiedades de Estilos de Canvas

Question

Cómo exportar el HTML/CSS en la vista de código / descargar como zip. Con las hojas de estilo en styles.css referenciadas en el lienzo de grapesjs, pero no las sin usar, en realidad estoy bien con toda la hoja de estilo styles.css, para un acceso sencillo a la API para exportar.

Si añado la hoja de estilo en init

      lienzo: {
      Estilos: ['./styles.css'] 
      }

    bm.add('Table', {
      etiqueta: 'Mesa',
      categoría: 'Mesa',
      Contenido: {
        tipo: 'mesa',
        clases: ['componentes de tabla'],
        columnas: 2,
        Filas: 1, 
        Estilo: {Ancho: '100%', Borde: '1px negro sólido'}
      },
    });

Sí, Mesa 😋 Gracias por el buen trabajo, déjanos preocuparnos de este problema sencillo y de documentar o dejar rastro en la lista de problemas. Artf debería centrarse más en otras características increíbles.

artf · Accepted Answer

@chiqui3d definitivamente no debería añadirse a lo que se usa para guardar, si no, añadirás esos estilos dos veces.

artf · Answer

El problema que tengo es que cuando intento exportar el código usando el plugin de exportación grapesjs, no se exporta nada referenciado dentro de Canvas.

@Yakito Por ahora, esos scripts/estilos deberían incluirse manualmente, puedes usar la opción 'root' del plugin de exportación: '''js raíz: { ... 'index.html': ed => ' <head> <enlace href="${miEstilo}" .../> <script src="${myScript}" .../> </head> <body>${ed.getHtml()}</body> ` }

artf · Answer

Hola @tldrjumps no estoy seguro de haber entendido bien tu problema. Simplemente puedes obtener todo el CSS con 'editor.getCss()', que también intenta optimizarlo eliminando clases sin componentes. Los estilos insertados mediante la opción 'canvas.styles' simplemente se inyectan dentro del lienzo, pero en realidad, el editor no ve sus reglas

Cómo exportar CSS vinculado en las propiedades de Estilos de Canvas

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

¿Puedo desarrollar mi propio gestor de estilo y encuadernar las propiedades de forma cómoda?

[PREGUNTA] Cómo usar grapesjs con HTML estático

¿Hay alguna forma de mantener el código VML en CSS para mantener algunos estilos alejados de Outlook?

[Pregunta]: ¿Cómo cargar JavaScript externo? He probado todos los métodos, inútil

Plugins de pago que cumplen con este problema

Explorar categorías de plugins