Finden Sie Bilderlinks im Editor
Hallo @hemanthmc Ich kann vorschlagen, das Ereignis 'sorter:drag:end' zu abonnieren und eine React-Methode als Rückruf zu übergeben. Prüfe bei der Methode, ob das Image abgeworfen wird, und speichere dessen src in den React-Zustand oder erledige alles, was nötig ist. Ein detaillierteres Beispiel: 'this.grapesjsInstanc...
Lesen Sie die vollständige Antwort unten ↓Frage
Ich versuche, GrapesJs in reactJs zu integrieren.
Kannst du mir bitte mit der untenstehenden Frage bezüglich GrapesJs-React helfen,
• Gibt es eine Möglichkeit, den im Editor verwendeten Bildlink zu finden?
Beispiel: Wenn ich im Grapesjs-Editor ein Bild per Drag & Drop ziehe, erstellt es ein Bildtag mit dem Pfad Image SRC. Ich möchte also alle verwendeten Bildpfade im Editor haben, und alles, was ich im Editor gezogen und fallen gelassen habe.
Antworten (3)
Hallo @hemanthmc Ich kann vorschlagen, das Ereignis 'sorter:drag:end' zu abonnieren und eine React-Methode als Rückruf zu übergeben. Prüfe bei der Methode, ob das Image abgeworfen wird, und speichere dessen src in den React-Zustand oder erledige alles, was nötig ist. Ein detaillierteres Beispiel: '...
Danke für deinen Vorschlag, @maryia-kabash.
'''js editor.getWrapper() // Hol die Wrapper-Komponente .find('img') // Finde alle inneren Komponenten anhand einer Abfrage-Zeichenkette .map(comp => comp.getAttributes()['src']) // map gefundene Komponenten
Komponenten-API: https://grapesjs.com/docs/api/component.html
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #1562
Frage: Style-Management
Ich überlege, ob es möglich wäre, n-Style-Management irgendeine Möglichkeit zu finden, mehr als eine Immobilie nur mit einer Kontrolle zu ä...
Problem #921
Wählen und fokussieren Sie ein HTML-Element über eine Panel-Schaltfläche
Hallo zusammen, Ist es möglich, den Fokus in einem Abschnitt mit Grapes zu setzen, zum Beispiel als Anker? Ich habe eine Panel-Taste, die n...
Problem #1511
Ändere den HTML-Inhalt der ausgewählten Komponente
Ich versuche, das HTML des grundlegenden Textzusammensatzes mit dem untenstehenden Code zu ersetzen ' const component = editor.getSelected(...
Problem #1504
Dynamische Höhe
Hallo: Ist es möglich, eine Instanz von GrapesJS mit dynamischer Höhe zu haben, also dass der Editor sich an die Inhaltsgröße anpasst? Was...
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.