Añadir nombre de clase a partir de rasgos

Así que conseguí que funcionara después de unos intentos más, intentaré explicar cómo lo conseguí. Cuando defines el rasgo '''js Predeterminados: { Rasgos: [{Tipo: 'Select', Opciones: [{ { valor: 'miClase Personalizada', nombre: 'Opción A' }, }], etiqueta: 'traitLabel', nombre: 'traitName', cambioprop: 1 }] },

Puedes declarar un nombre. Cuando seleccionas la opción A en el desplegable puedes seguir este cambio en init(), como 'this.on('change:traitName', this.handleChange);', entonces solo tienes que escribir la función handleChange para que haga lo que quieras. A continuación pego el código de cómo gestioné la adición o sustitución de una clase.

'''js
handleChange(props) {
	var classes = this.getAttributes().class,
		newClass = props.changed.traitName,
		arClasses = clases.split(" ");
	var filter = arClasses.filter(function (el) {
		si (['miClase Dada'].includes(el))
			devuelve El;
	});
	si (filter.length != 0) {
		this.removeClass(filter);
		clases = this.getAttributes().class
	}
	this.setClass(clases + " " + newClass)
},

Perdón por el formato, pero aún no sé pegar código formateado :P

perdón por el formato, pero aún no sé pegar código formateado :P

https://guides.github.com/features/mastering-markdown/#GitHub-flavored-markdown

Gracias por informar de esto, @ThetripGr.

Buena pregunta sobre Añadir nombre de clase a partir de rasgos. El enfoque recomendado con StyleManager es usar la API orientada a eventos.

Empieza aquí:

1. Consulta la documentación de GrapesJS de tu módulo específico
2. Busca el método del oyente de eventos 'on()'
3. La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));

**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!