Issue #444✓ ResueltoAbierto el 23 de octubre de 2017por ronaldaugReacciones 6

¿Cómo cargar el enlace CSS en la etiqueta de cabeza?

Respuesta rápidapor artf4

Ya casi llegabas :) '''js lienzo: { Estilos: ['https://...'] } ```

Lee la respuesta completa abajo ↓

Pregunta

Hola, Antes que nada, gracias por aportar un framework de js tan increíble. Soy muy nuevo en Grapesjs. Y también github.

lienzo: {
    Guiones: ['https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js']
  }

https://github.com/artf/grapesjs/wiki/Components-&-JS#template-related Según la wiki de grapesj, cargo los enlaces js dentro del lienzo con los códigos anteriores y funciona bien.

Pero cuando intento con enlaces CSS como este, no funciona.

lienzo: {
      Enlaces: ['https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'] 
  }

Algunas personas aquí sugieren añadir esos enlaces CSS directamente bajo id="gjs". Lo hice, pero lo que pasa es que si limpio el lienzo, también limpia mis enlaces CSS y el CSS ya no funciona. Mi pregunta es: ¿cómo puedo cargar el enlace CSS en la etiqueta de cabeza?

Respuestas (3)

👍 Muy útilartf23 de octubre de 2017

Ya casi llegabas :) '''js lienzo: { Estilos: ['https://...'] }

ronaldaug23 de octubre de 2017

Muchas gracias @artf, funciona de maravilla.

coder-strange19 de noviembre de 2018

Tienes que incluirlo por separado al renderizar, no vendrá en getHtml() ni nada parecido.

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.