Ein Tag-Button im Inneren wird entfernt
Dies geschieht aufgrund der button-Implementierung im forms plugin, die nur Textknoten als Kinder zulÀsst. Wenn du das Form-Plugin entfernst, kannst du das "Element" sehen <a>(wenn du möchtest, kannst du auch die Button-Komponente mit deiner eigenen Logik erweitern).
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
GrapesJS-Version[X] Ich bestĂ€tige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome NeuesteReproduzierbarer Demo-Link https://codesandbox.io/s/interesting-bell-xntbtrBeschreibe den KĂ€fer Wie reproduziert man den Bug?Gehe zur CodesandboxDrag & Drop benutzerdefinierten Code-Block.FĂŒgen Sie diesen Code in den benutzerdefinierten Code-Editor ein und klicken Sie auf Speichern: '''html <button-klasse="btn bg-primary text-white"> <a href="https://www.example.com/" target="_blank">Klick mich</a> </button> ```Klick auf den Button.Der Button sollte den Href-Link öffnen, w...
Antworten (4)
Dies geschieht aufgrund der button-Implementierung im forms plugin, die nur Textknoten als Kinder zulÀsst. Wenn du das Form-Plugin entfernst, kannst du das "Element" sehen <a>(wenn du möchtest, kannst du auch die Button-Komponente mit deiner eigenen Logik erweitern).
Was ist also der Code fĂŒr die "normale" Implementierung des Buttons? Ăbrigens, darf ich wissen, warum du den Button im Forms-Plugin so verhalten lĂ€sst?
Wenn ich mich richtig erinnere, war der Hauptgrund fĂŒr das Problem mit der Inline-Textbearbeitung mit Button-Elementen, also war dieser Ansatz der einfachste Weg, ein hĂ€ufiges Problem zu beheben. Ich denke, die "normale" Implementierung wĂ€re, die 'init'-Methode zu ĂŒberspringen oder zu ĂŒberschreiben...
Danke, dass du das gemeldet hast, @handhikadj. Gute Frage zum Tag im Inneren Button ist entfernt. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: ĂberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr spezielles Modul Suche nach der 'on()'-Ereignis-Listener-...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #6458
Sector.setName funktioniert nicht
GrapesJS-Version [x] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-...
Problem #5705
Komponentenwerkzeuge verzerren sich, wenn der Editor vergröĂert wird
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v122 Reproduzierbarer...
Problem #3832
Die CSS-Klassen werden entfernt und die automatisch generierten IDs fĂŒr jedes HTML-Tags werden nach jedem Neuladen geĂ€ndert (Beispiel: ivj5m-2)
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-...
Problem #6348
Es ist möglich, buchstabswert alles innerhalb von Grapesjs Leinwand per Drag & Drop zu ziehen
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-...
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 âDurchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.