Asigna estilo a la clase, no ID

Lo que intento conseguir es que, cada vez que se edita el "bloque" dentro del lienzo, el estilo no se añade a una #id sino a una clase.

Mi lógica es tomar el ID actual que se usa —**la cadena aleatoria— y eliminarlo como ID y convertirlo en una clase, y luego asignar estilos a esa clase en vez del ID; sí, eso dará lugar a muchas clases pero significa que no tendré problemas con los IDs en el frontend.

Sin embargo, no consigo encontrar cómo hacerlo, siempre que lo hago activando:

'editor.on('component:update', component => {})'

Simplemente no funciona. El ID siempre está indefinido. 'component.getAttributes()['id'];' y no parece que pueda reasignar el conjunto de estilo a ese ID a una clase única.

Sé que suena una tontería, pero mi problema surge cuando uso algo de Javascript en el frontend de mi web y se descontrola al duplicar el HTML para un scroller infinito. Tener varios IDs en la página es incorrecto y incluirlo en una clase funcionaría mucho mejor.