Añade estilo personalizado en la hoja de estilo para una nueva clase de bloque existente.
Puedes añadirlo en plantilla o en bloques internos. Por cierto, revisa otros problemas antes de abrir uno nuevo, hay muchas preguntas como esta
Lee la respuesta completa abajo ↓Pregunta
Hola @artf
_("map") && i.add("map", {
etiqueta: n.etiquetaMapa,
Categoría: N.Categoría,
atributos: {
Clase: "FA FA-MAP-O"
},
Contenido: {
Tipo: "mapa",
clases:['ancho de mapa'],
no estilizado:['ancho'],
estilo: {
Altura: "350px",
ancho: "auto",
}
}
});
Añadir una nueva clase 'map-width' en el elemento del mapa, ahora quiero añadir un nuevo CSS para esa clase.
¿Podrías indicarme cómo añadir estilo personalizado en la hoja de estilo de esa clase? Así que se mostrará en la sección CSS cuando hagas clic en exportar. Y también refleja en rosa con el signo X como si estuviera añadido externamente.
Por favor, guíame
Gracias de antemano. :)Respuestas (2)
Puedes añadirlo en plantilla o en bloques internos. Por cierto, revisa otros problemas antes de abrir uno nuevo, hay muchas preguntas como esta
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.
Issue #1471
[Pregunta] Gestor de bloques e imagen
¡Hola! Uso este código para añadir un nuevo bloque: blockManager.add("image", { etiqueta: 'Image', categoría: 'Básico', atributos: { clase:...
Issue #1572
Problema al añadir bloque de vídeo manualmente
Añadí Video Block manualmente así. <pre> blockManager.add('video', { etiqueta: 'Vídeo', categoría: 'Medios', Atributos: {clase: 'FA FA-YouT...
Issue #493
[PREGUNTA] ¿Puedo configurar contenido dinámicamente desde la API de bloques?
Hola @artf, muy buen framework para creadores de páginas web y mantenlo así :+1: Código : '''javascript ... blockManager.add('dynamic-nav',...
Issue #634
¿Cómo puedo pasar contenido con script?
Hice componentes personalizados así y también usé scripts '''js bm.add('test-block', { etiqueta: 'Bloque de prueba', atributos: { Clase: 'F...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.