Issue #2288💬 RespondidoAbierto el 24 de septiembre de 2019por hellocaioReacciones 3

¿Por qué no funcionan los accesorios estilizables y no estilizables?

Respuesta rápidapor pouyamiralayi1

¡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)

pouyamiralayi24 de septiembre de 2019

¡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.

hellocaio24 de septiembre de 2019

¡Ya veo! ¡Gracias, tío! Lo probaré. :)

artf28 de septiembre de 2019

@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.

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.