Problem #1389💬 BeantwortetAug 28, 2018 geöffnetvon Mariselvanm0-Reaktionen

Attribute zu Kindelementen in der Komponente hinzufĂŒgen

Kurze Antwortvon artf

ÜberprĂŒfen Sie hier alle verfĂŒgbaren Methoden fĂŒr Komponenten: https://grapesjs.com/docs/api/component.html Übrigens, du wĂŒrdest so etwas machen '''js element.on('component:add', component => { component.find('.col1, .col2').forEach(comp => { comp.addAttributes({ ... }); }); DU MUSST NICHT NEU RENDERN editor.render();...

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Das ist die Komponente, die ich im Editor hinzufĂŒgen möchte. <div class="page"> <div class="col1"></div> <div class="col2"></div> </div> Nachdem ich diese Komponenten hinzugefĂŒgt habe, versuche ich, den Elementen so berechnete Werte hinzuzufĂŒgen, element.on('component:add',function(ele){ ele.addAttributes({ 'data-top' : topOffset, 'data-left' : leftOffset, }); editor.render();// FĂŒr das Rendern Aktualisiertes HTML }); Dieser Code aktualisiert jedoch nur die '.page'-Komponente. Wie kann ich diese attr in die Elemente '.col1,.col2' innerhalb der '.page'-Komponente hinzufĂŒgen?

Antworten (2)

artf‱ Sep 2, 2018

ÜberprĂŒfen Sie hier alle verfĂŒgbaren Methoden fĂŒr Komponenten: https://grapesjs.com/docs/api/component.html Übrigens, du wĂŒrdest so etwas machen '''js element.on('component:add', component => { component.find('.col1, .col2').forEach(comp => { comp.addAttributes({ ... }); }); DU MUSST NICHT NEU REND...

Lock[Bot]‱ Sep 17, 2019

Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jĂŒngste AktivitĂ€t gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

Premium-Plugins werden mit Support, regelmĂ€ĂŸigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.

Durchsuchen Sie Premium-Plugins →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.