Issue #2848💬 RespondidoAbierto el 21 de junio de 2020por Aiyush-GReacciones 0

CSS externo no cargando en Canvas

Respuesta rápidapor Aiyush-G

RESUELTO: SINTAXIS INCORRECTA

Lee la respuesta completa abajo ↓

Pregunta

Usar CSS en Init da como resultado una pantalla en blanco: quiero enlazar varios archivos css para que en la página web pueda definir clases, por ejemplo,

Dentro del archivo CSS (ejemplo):

h6, .h6 {
	tamaño de fuente: 17px;
	Altura de línea: 24px;
}

Y en la página web me gustaría definir texto (por ejemplo) para que tenga la clase h6 o crear un bloque personalizado donde pueda predefinir clases. Sin embargo, esto no funciona porque la pantalla se muestra en negro. Mi código:

const editor = grapesjs.init({
    lienzo:{
        Styles: [ 'https://... 1.css', 'https://... 2.css' ]
    }
})

Estoy usando el plugin 'gjs-preset-webpage' — no > seguro si esto afecta a algo.

Espero que podáis ayudarme porque llevo días intentando resolver esto.

Un cordial cordial Aiyush

EDITO:

Leí en algún sitio que un mal CSS puede romper el editor. No estoy seguro de qué se considera un mal CSS, ¿existe alguna herramienta por la que pueda pasar mi CSS para eliminar estos problemas? aquí tienes una de mis hojas de CSS; es bastante grande, así que lo he adjuntado como una pega en: https://pastebin.com/ctje8bzY (perdonad los números de línea) ACTUALIZACIÓN: aquí hay un archivo sin los números de línea: http://s000.tinyupload.com/index.php?file_id=24295452959919636560

Un cordial cordial Aiyush

Respuestas (1)

Aiyush-G22 de junio de 2020

RESUELTO: SINTAXIS INCORRECTA

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.