La mejor forma de cargar el CSS de Element en el panel de propiedades.
@artf ahora lo entiendo ! imagen No me pasé por alto la casilla de verificación junto a cada selector. ¡Poner la forceClass en false soluciona todos mis problemas! Realmente no necesito eso porque mantengo el código fuente extremadamente sencillo con la menor cantidad de divs posible. ¡Muchas gracias por eso! Dan
Lee la respuesta completa abajo ↓Pregunta
Hola de nuevo a todos, GrapeJS es demasiado divertido una vez que te metes de lleno. Tengo una pregunta sencilla: ¿Cuál es la mejor manera de cargar el CSS desde un elemento recién creado al panel de propiedades? Por ejemplo, tengo la siguiente caja que tiene un fondo negro: ! imagen El fondo negro proviene del estilo en el elemento El editor convierte la etiqueta de estilo en una clase como se muestra aquí: ! imagen Sin embargo, el panel de propiedades no tiene un conjunto de fondo: ! imagen Ahora cambio el color a naranja oscuro: ! imagen Creará una nueva clase para ella que sobrescribirá l...
Respuestas (3)
@artf ahora lo entiendo ! imagen No me pasé por alto la casilla de verificación junto a cada selector. ¡Poner la forceClass en false soluciona todos mis problemas! Realmente no necesito eso porque mantengo el código fuente extremadamente sencillo con la menor cantidad de divs posible. ¡Muchas graci...
Descubrí que si el div no tiene clase y solo style, entonces se crea una única clase y el fondo se aplica al panel de propiedades: ! imagen ! imagen Así que esa sería una solución parcial por ahora, pero sigo buscando una mejor alternativa.
Hola @daniel-farina no ves el fondo de '.c1019' porque tu componente tiene dos clases, así que, por defecto, el Style Manager selecciona la regla CSS donde el selector es una combinación de todas sus clases, en tu caso '.col-8.c1019'. Si quieres ver los estilos de '.c1019', simplemente puedes desse...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #921
Selecciona y enfoca un elemento html desde un botón de panel
Hola a todos, ¿Es posible establecer el enfoque en un HTML de sección con Grapes, como un ancla? Tengo un botón de panel y solo selecciona...
Issue #1787
Cambiar el HTML de los botones del panel de span a botón
He creado algunos paneles y me gustaría cambiar el elemento de los botones del panel de 'span' a 'botón', ya que es más apropiado y se ve m...
Issue #957
Añadir atributos personalizados (datos-) a los recursos/imágenes al subir/seleccionar
Hola, estoy haciendo todo lo posible por encontrar la mejor manera de hacerlo, pero necesito adjuntar dos etiquetas de datos HTML5 personal...
Issue #1167
Opciones de exportación
Hola @artf, ¿Hay alguna otra opción de exportación además de HTML/CSS? Estoy pensando en una forma de cargar la configuración directamente...
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.