¿Por qué no funcionan los accesorios estilizables y no estilizables?
¡Hola! Para tu primer problema: creo que esta propiedad debe especificarse en la definición de tu tipo de componente. En tu caso sería algo así: Para tu segundo problema, mira si este puede ayudarte. Salud.
Lee la respuesta completa abajo ↓Pregunta
¡Primero que nada, excelente proyecto! ¡Me encanta! Muy completo en todos los aspectos. He estado leyendo y releyendo el documento y es una curva de aprendizaje muy pronunciada.
En fin, me gustaría ofrecer una plantilla al usuario con restricciones en el estilo. He estado intentando usar accesorios estilizables y no estilizables como este:
'<h1 data-gjs-unstylable={["float"]}>Title</h1>'
Pero el estilo de carroza se nota en el gestor de estilo. ¿Por qué?
¿Hay alguna otra forma de personalizar el gestor de estilos según el componente? Por ejemplo, si se selecciona '#site-logo', el gestor de estilos muestra el subador de recursos y un campo de texto (respaldo).
Respuestas (3)
¡Hola! Para tu primer problema: creo que esta propiedad debe especificarse en la definición de tu tipo de componente. En tu caso sería algo así:
editor. DomComponents.addType('my-h1',{
isComponent:(el) => {
if(el.tagName === 'H1'){
Retorno verdadero
}
},
modelo:{
valores predeterminados:{
etiquetaNombre: 'h1',
no estilizado:['flotar'],
}
}
})
Para tu segundo problema, mira si este puede ayudarte. Salud.
¡Ya veo! ¡Gracias, tío! Lo probaré. :)
@ColdTuna Has escrito mal el atributo, debería ser así '<h1 data-gjs-unstylable="["float"]">Título</h1>'
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3399
Convertir JSON a HTML lado servidor
Así que, antes que nada, gracias @artf por este increíble proyecto. Tengo una pregunta: ¿Es posible convertir fácilmente el component-JSON...
Issue #2972
HAZAÑA: Desactivar los scripts en el lienzo
Hola, antes que nada, gracias por una herramienta tan estupenda. En mi proyecto me encontré con el problema de que tengo que desactivar los...
Issue #2692
[BUG] Los clics o movimientos rápidos del ratón pueden hacer que el editor se congele
¡Antes que nada, gracias por todo tu esfuerzo en el proyecto! Este es un proyecto muy bueno del que depende mucha gente, así que gracias po...
Issue #3168
HAZAÑA: Descargar / exportar imágenes - Me encanta usarlas en el proyecto de clase
¿Qué intentas añadir a GrapesJS? Capacidad para exportar imágenes / carpetas de imágenes en zip download Describe tu solicitud de función d...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.