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 #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...
Problem #3203
Custom block category question
Hallo, Ich möchte Attribute zur Kategorie der Blöcke hinzufügen, aber das gilt nicht.
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
GrapesJS DevTools: Ein Entwickler-Panel in deinem Editor
Wenn du jemals GrapesJS mit console.log(editor.getSelected()) und einem Dutzend Wegwerf-Event-Hörern debuggt hast – dieser Beitrag ist genau das Richtige für di
Tutorial
Wie wir Composeit in Rekordzeit mit GrapesJS Shadcn gebaut haben
Umgehen Sie das Standardwerk des Fundamentbauers und konzentrieren Sie sich auf das, was wirklich zählt.
Tutorial
Schneller in die Produktion gehen: Was gibt es Neues bei GrapesJS Shadcn
Laden Sie Ihren Page Builder auf! GrapesJS Shadcn fügt Live-Drag-Vorschauen, Rich Text / Befehle, dynamische Daten und Canvas-Presets zur schnelleren Aussendung
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.