A tag inside button is removed
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 #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-...
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 #5175
Die Bewegungsmethode funktioniert nicht wie erwartet
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 âVerwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish â plugins, articles, community questions, guides, authors and services. Press âK from any page.
Tutorial
Wie man 2026 mit GrapesJS einen KI-gestĂŒtzten Page Builder erstellt
Was wir beim Bau von GJSDocs gelernt haben â von einfacher KI-Textgenerierung bis hin zu strukturiertem, kontextbewusstem visuellem Editing
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, ZeitplÀne, Funktionen und wie die Nutzung G
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.