Attribute zu HTML hinzufügen
Ich denke, du solltest das Attribut dem Modell hinzufügen, statt der Ansicht. https://github.com/artf/grapesjs/blob/50cc585f23f2560077fd0e9a42ced22e67e69723/src/dom_components/model/Component.js#L298 Dann musst du die Ansicht rendern. Ich denke, es ist so, aber es gibt keine Garantien 😄
Lesen Sie die vollständige Antwort unten ↓Frage
Hallo zusammen, Ich möchte für jeden Block, den ich per Drag & Drop auf der Leinwand ziehe, eine ID hinzufügen; Um es klarer zu machen: Ich möchte nicht für jeden Typ eine ID hinzufügen, zum Beispiel Bild, Tabelle, Box ... Ich möchte für jeden Block eine Ad-ID hinzufügen, was zum Beispiel bedeutet, dass der Block "1 Section" zu '<table ... blockId = 1>' wird. Ich versuche, diese zwei Befehle zu verwenden:'editor.getSelected().view.$el[0].setAttribute("blockId","1")''editor.getSelected().get('components').trigger('resetNavigator')' Ja, die Änderungen erscheinen auf der Canvas, wenn ich "Elemen...
Antworten (3)
Ich denke, du solltest das Attribut dem Modell hinzufügen, statt der Ansicht. https://github.com/artf/grapesjs/blob/50cc585f23f2560077fd0e9a42ced22e67e69723/src/dom_components/model/Component.js#L298 Dann musst du die Ansicht rendern. Ich denke, es ist so, aber es gibt keine Garantien 😄
Hallo, Ich hinterlasse nur ein Beispiel, falls jemand anderes es braucht.
editor.on('block:drag:stop', function(model) {
model.addAttributes({ 'data-block_id': '123xyz' });
});
Genau wie James vorgeschlagen hat, aber ohne 'selected.view.render()', da die Ansicht gleichzeitig Änderungen erhält
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #3482
Laufzeit hat die Eigenschaften aktualisiert, nicht der EDIT-Modus.
Hallo @artf Ich habe ein Problem mit einer Eigenschaft. Wenn ich den Block per Drag & Drop auf die Canvas ziehe, werden seine Eigenschaften...
Problem #2734
GrapesJS Block Attributes werden in der Konfiguration nicht angezeigt, wenn ich HTML und CSS lade
Hallo, ich bin Anfänger in GrapesJS. Ich möchte einfach einen Block mit einigen benutzerdefinierten Attributen erstellen. Wenn ich den Bloc...
Problem #1875
ID ändert sich beim Import von HTML oder beim Weitergeben von HTML in Komponenten in der Konfiguration.
Hallo, Ich habe eine Komponente und einen Block gebaut, die ich per Drag & Drop auf der Leinwand ziehen kann. Mein Problem ist, dass manche...
Problem #2961
Komponenten im benutzerdefinierten Modal sind nicht bearbeitbar
Hallo, ich versuche, meinem Projekt einen benutzerdefinierten Modalblock hinzuzufügen und möchte den Inhalt dieses Modals ebenfalls per Dra...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen für kostenpflichtige Plugins...
Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins →Premium-Plugins werden mit Support, regelmäßigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins →Verwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to integrate GrapesJS into a Laravel app (complete guide 2026)
Embed the GrapesJS drag-and-drop editor in a Laravel app: render it in a Blade view, persist content to a controller with CSRF, and export clean HTML/CSS.
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.