Pregunta: intentando poner el sector 'Settings' bajo el estilo
Vale, creo que lo entiendo. Necesito muchas versiones diferentes de lienzos de uva... Cada uno debería ser su propio plugin, quizá compartiendo código común en algunos casos. Yo pensaba diferente, que los presets solo eran configuraciones que se podían sobrescribir, pero es más bien como si un preset fuera la solución...
Lee la respuesta completa abajo ↓Pregunta
https://github.com/artf/grapesjs/issues/1627
Creo que la pregunta está relacionada específicamente con esta línea, tengo el mismo problema. Miro la demo pero esta clase solo aparece en CSS y esta línea, así que este selector devuelve indefinido, ¿no? ¿Qué elemento tiene esto para que luego pueda añadirse?
'traitsProps.append($('.gjs-trt-traits'));' Funciona en la demo, pero no entiendo cómo...
Intentando resolver en KotlinJS, observa: - Asegúrate de que esté dentro de carga - Notice var $ = uvasjs.$; getElementBy no funciona, pero no entiendo qué está haciendo esto - Resuelto - "Cargar y mostrar ajustes y gestor de estilo": esta parte de la demo aparentemente crea el div con esa clase css, luego lo que sigue lo mueve al lugar correcto y conecta el desplegable. No entiendo por qué este es diferente de todo lo configurado en el plugin actual, ¿por qué no se puede configurar en Init como esos?
Respuestas (3)
Vale, creo que lo entiendo. Necesito muchas versiones diferentes de lienzos de uva... Cada uno debería ser su propio plugin, quizá compartiendo código común en algunos casos. Yo pensaba diferente, que los presets solo eran configuraciones que se podían sobrescribir, pero es más bien como si un preset fuera la solución completa en sí... ahora tengo que aprender a hacer plugins, ¡allá voy!
Hola @gunslingor
Antes de llamar al sector de rasgos necesitas activar ambas secciones
settingButton & & settingButton.set('active', 1);
styleManagerButton & & styleManagerButton.set('active', 1);
Y entonces puedes llamar
--
Añadir Sector de Configuración
| var traitsSector = $('<div class="gjs-sm-sector no-select">'+
| '<div class="gjs-sm-title"><span class="icon-settings fa fa-cog"></span> Settings</div>' +
| '<div class="gjs-sm-properties" style="display: none;"></div></div>');
| var traitsProps = traitsSector.find('.gjs-sm-properties');
| traitsProps.append($('.gjs-trt-traits'));
| $('.gjs-sm-sectores').antes(traitsSector);
| traitsSector.find('.gjs-sm-title').on('click', function(){
| var traitStyle = traitsProps.get(0).style;
| var hidden = traitStyle.display == 'ninguno';
| si (oculto) {
| traitStyle.display = 'bloqueo';
| } else {
| traitStyle.display = 'ninguno';
| }
| });
|Sí, al final lo descubrí. No entiendo por qué tengo que configurar esta sección DESPUÉS de la inicialización en lugar de durante como ocurre con muchos otros paneles o secciones. Creo que es porque estoy usando el plugin de presets. Creo que tiene que ser sencillo si lo usas y luego modificarlo, pero no tengo confirmación ni sé por qué. ¿Es correcto, o se puede usar el plugin de presets Y configurar los rasgos al mismo tiempo (al mismo tiempo)?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3404
Problema con el Style Manager.
Hola @artf quiero ocultar y mostrar propiedades de estilo para un componente específico. Tras referenciar este problema https://github.com/...
Issue #1627
[Pregunta]: $('.gjs-trt-traits') es nulo (intentando tener el sector 'Settings' bajo el estilo)
Hola, Estoy usando webpage preset e intentando que el sector Settings esté bajo Style como en la demo haciendo esto (exactamente igual que...
Issue #2181
Funciones/variables globales
¡Hola! Recientemente he notado este problema. Creo que sería beneficioso tener esta función. En contraste con el enfoque sugerido por @artf...
Issue #1905
[PREGUNTA] Bloque no editable después de la plantilla de importación
Tengo el mismo problema que en 1408. Dijiste que JSON debería importarse en lugar del HTML. ¿Podrías decirme, por favor, cómo importar la p...
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.