Problem when dragging component composed by image and link
Hallo! Ich habe deine Lösung getestet. Es Ă€ndert das Bild korrekt, wenn das Bild in der Hauptkomponente gesperrt ist, und man kann es verschieben. Das Attribut 'src' wird im Modell geĂ€ndert, aber wenn du die Komponente verschiebst, kehrt sie zum Platzhalter-Image zurĂŒck. Wenn du das Bild Ă€nderst und dann das View-Code...
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Mutige letzte Version Reproduzierbarer Demo-Link https://jsfiddle.net/rp7oc96v/1/ Beschreibe den KÀfer Hallo Arthur! Ich erstelle eine neue Komponente, ein Image in einem Link, wie die 'mj-image'-Komponente, aber ich hÀnge in einer Konfiguration fest oder es ist ein Bug... Wie reproduziert man den Bug?Lösche den Block "Link na Imagem"Wenn du versuchst, die neue Komponente aus dem Bild zu ziehen, wÀhlt grapesjs das Bild und nicht das Komponenten-Root-Tag (<a>)Wenn ich das gesamte Modul...
Antworten (4)
Hallo! Ich habe deine Lösung getestet. Es Ă€ndert das Bild korrekt, wenn das Bild in der Hauptkomponente gesperrt ist, und man kann es verschieben. Das Attribut 'src' wird im Modell geĂ€ndert, aber wenn du die Komponente verschiebst, kehrt sie zum Platzhalter-Image zurĂŒck. Wenn du das Bild Ă€nderst un...
@gustavohleal mein Fehler, du musst die Eigenschaft 'src' direkt aktualisieren, anstatt das Attribut 'image.set({ src: asset.getSrc() });'
Verwenden Sie die Eigenschaft 'data-gjs-locked="true"', um das Bild zu ignorieren und Ihre benutzerdefinierte Komponente richtig zu aktualisieren '''js Remove runCommand("open-assets"); da es keinen Sinn macht, es auf der Modellseite zu betreiben Du kannst die Komponente ĂŒber Blöcke aktivieren (htt...
Danke, dass du das gemeldet hast, @ronaldohoch. GroĂartige Frage zum Problem beim Ziehen von Komponenten, die aus Bild und Link zusammengesetzt ist. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: ĂberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr sp...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #4897
Component:styleUpdate / component:styleUpdate:propertyName nicht ausgelöst
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Edge 109.0.1518.70 Reproduzie...
Problem #5424
Das Ereignis 'component:styleUpdate' wird nicht ausgelöst
GrapesJS-Version[X] Ich bestÀtige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 116.0.5845.187Reproduzie...
Problem #4601
Update() von benutzerdefinierten Typen, die zu StyleManager hinzugefĂŒgt wurden, wird beim Wechseln zwischen bestimmten Zielen nicht mehr ausgelöst.
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chromium 104 Reproduzierbarer...
Problem #4191
Wir versuchen, die Daten aus dem grapesJS-Editor in der Angular-10-Anwendung zu speichern, erhalten einen CORS-Fehler, Bild unten angehÀngt
GrapesJS-Version [x] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 99.0.4844.5 Reproduzie...
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.