Problem #1841✓ GelöstFeb 28, 2019 geöffnetvon Minuwan3-Reaktionen

Bauteilname

Kurze Antwortvon NicoEngler2

Du kannst data-gjs-custom-name auf deinen Komponenten HTML verwenden. '<h1 data-gjs-custom-name="Dein Name" ...>'Du kannst data-gjs-icon auf deinen Komponenten verwenden, HTML. '<h1 data-gjs-icon='<i class="fa fa-arrows"></i>' ...>' Bitte ändere deinen Titel in etwas Bedeutungsvolleres, damit andere bereits gelöste Pr...

Lesen Sie die vollständige Antwort unten ↓

Frage

Ich habe zwei Fragen.

  1. Gibt es eine Möglichkeit, den Namen der eingebauten Komponenten zu ändern? Ich wollte den Namen "Box" in "Div" ändern. Derselbe Name erscheint also in Select und im Layers/Navigator-Panel. Einfach ausgedrückt: Wenn ich ein Div per Drag & Drop ziehe, muss es Div heißen.

  2. Gibt es eine Möglichkeit, ein Symbol vor den Text jedes Item-Typs im Ebenen-Panel zu setzen? Ich meine eine Box für Div, ein Listensymbol für ULs usw.

Antworten (3)

👍 Am hilfreichstenNicoEnglerFeb 28, 2019

Du kannst data-gjs-custom-name auf deinen Komponenten HTML verwenden. '<h1 data-gjs-custom-name="Dein Name" ...>'Du kannst data-gjs-icon auf deinen Komponenten verwenden, HTML. '<h1 data-gjs-icon='<i class="fa fa-arrows"></i>' ...>' Bitte ändere deinen Titel in etwas Bedeutungsvolleres, damit ander...

artfMar 3, 2019

Ich würde hinzufügen, dass du, wenn du auf HTML5 Drag & Drop angewiesen bist, das Ereignis 'canvas:dragdata' verwenden kannst https://grapesjs.com/docs/api/editor.html#available-events So kannst du dem Editor "externe Drops" vermitteln, z. B. standardmäßig kann GrapesJS Bilder erkennen, indem du 'c...

MinuwanFeb 28, 2019

@NicoEngler Gibt es eine andere Möglichkeit, für jeden Typ standardmäßige benutzerdefinierte Namen festzulegen? Wenn jemand Inhalte von außen per Drag & Drop drängt, möchte ich die Namen dieser Divs auch als "Divs" anzeigen. :)

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.