Issue #2635💬 RespondidoAbierto el 10 de marzo de 2020por mickerReacciones 2

Cargar CSS externo en el editor

Respuesta rápidapor pouyamiralayi1

@micker debes incluirlos así: No veo el objeto ''lienzo'' en tu configuración. ¡Salud!

Lee la respuesta completa abajo ↓

Pregunta

Hola, busco mucho pero no he encontrado cómo cargar un archivo CSS dentro del editor Mi código En cuanto a otro problema, añado Estilos: [\'http://localhost/flexidev/templates/shaperhelix3/css/template.css\'] no hay error real pero tampoco estilo... ¿Qué se me olvidó? 'función fclayoutinitbuilder(editorsfx, elementid) { /*Supongamos, por ejemplo, que empiezas con tu plantilla HTML ya definiday quieres importarlo en tiempo real para el usuario / var LandingPage = { html: "<h2>Esta es el área de diseño, puedes arrastrar y soltar para añadir tus bloques aquí, para cargar el campo flexicontent us...

Respuestas (3)

pouyamiralayi10 de marzo de 2020

@micker debes incluirlos así:

    lienzo: {
        Estilos: ['bundle1.css', 'bundle2.css'],
        Guiones: ['bundle1.js', 'bundle2.js'],
    },

No veo el objeto ''lienzo'' en tu configuración. ¡Salud!

pouyamiralayi12 de marzo de 2020

@micker si tu ''customCss'' es una URL, así es como la incluyes. Pero si tienes algunos estilos que quieres incluir a mano, aquí tienes el procedimiento:

editor.addComponents(
  `
     <style> div { Background: Teal} </style>
  `
)

¡Salud!

micker10 de marzo de 2020

Intento usar https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates Pero no estoy seguro de esto... Si añado lienzo así '''var editor = grapesjs.init({ lienzo: { scripts: null, estilos: [personalizadosCss] //¿Hay alguna forma de hacerlo? } avoidInlineStyle: false, dragMode: 'absolu...

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 →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.