Colocar el bloque como componente programáticamente

Ah, descubrí cómo hacerlo — a través de 'editor.addComponents({ type: 'MyComponent' })'. ¿Hay alguna forma de insertarlo en un elemento específico mediante un selector CSS?

He encontrado este fragmento, pero ¿cómo podría encontrar el índice correcto? '''js editor.getComponents().add('<div>Text</div>', {at: index});

Vale, lo que he hecho es '''js función de exportación por defecto iterateChildren(components, fn) { components.each((model) => { fn(modelo); const childComps = model.get('components'); iterateChildren(childComps, fn); }); }

función export findModels(components, selector) { const encontrado = []; iterateChildren(components, (model) => { const { view } = modelo; si (!view) { regresar; } const { el } = vista; coincidencias const = el.matches(selector); si (coincide) { found.push(modelo); } }); se encontró la devolución; }

y luego 
'''js
const wrapper = DomComponents.getWrapper();
  const models = findModels(wrapper.get('components'), '#hero .text');
  models.forEach((model) => {
    componentes const = model.get('components');
    components.add({ type: 'ContainerPlugin' }, { at: 0 });
  });

Creo que recorrer el árbol de modelos sería una muy buena característica — trabajaré en el PR en algún momento. ¡Salud!

De hecho, puedes obtener el modelo desde la instancia de cash element con 'view.$el.data('model')', así que podrías hacerlo funcionar con menos código '''js wrapper.view.$el.find('#hero .text').each((el, i, $el) => console.log($el.data('modelo')) )