Setze den Block programmatisch als Komponente ein

Question

Ich habe einen benutzerdefinierten Typ und einen Block erstellt

'''js DomComponents.addType('MyComponent', { ... }); BlockManager.add('Component', { content: { type: 'MyComponent' } });

Ist es möglich, es mit Namen oder auf andere Weise in 'DomComponents' einzufügen? Ich möchte den Block nicht jedes Mal manuell per Drag & Drop ziehen müssen. Danke.

Z-VR · Accepted Answer

Oh, ich habe herausgefunden, wie das geht – über 'editor.addComponents({ type: 'MyComponent' })'. Gibt es eine Möglichkeit, es mit einem CSS-Selektor in ein bestimmtes Element einzufügen? Ich habe diesen Ausschnitt gefunden, aber wie finde ich den richtigen Index? '''js editor.getComponents().add('

Text

', {at: index}); ```

Z-VR · Answer

Okay, was ich gemacht habe, ist '''js export default function iterateChildren(components, fn) { components.each((model) => { FN(Modell); const childComps = model.get('components'); iterateChildren(childComps, fn); }); } Exportfunktion findModels(components, selector) { const gefunden = []; iterateChildren(components, (model) => { const { view } = model; if (!view) { Rückgabe; } const { el } = Ansicht; const matches = el.matches(selector); wenn (übereinstimmt) { found.push(model); } }); Rückkehr...

artf · Answer

Man kann das Modell tatsächlich aus der Cash-Element-Instanz mit 'view.$el.data('model')' holen, sodass man es mit weniger Code zum Laufen bringen könnte. '''js wrapper.view.$el.find('#hero .text').each((el, i, $el) => console.log($el.data('model')) ) ```

Setze den Block programmatisch als Komponente ein

Frage

Antworten (3)

Verwandte Fragen und Antworten

Ist es möglich, dass ich den Wert in Eigenschaften ändere, die sich direkt in der Komponente widerspiegeln?

Wählen und fokussieren Sie ein HTML-Element über eine Panel-Schaltfläche

ID ändert sich beim Import von HTML oder beim Weitergeben von HTML in Komponenten in der Konfiguration.

Ziehe die Komponente mit Skript über Canvas, Skript mehrfach angehängt.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien