Das Bild wird nach dem Erstellen eines Links fĂŒr das Bild nicht mehr verkleinert.
Du plattest die Komponente, indem du 'selectedComponent.view.el['outerHTML']' machst und somit alle Eigenschaften entfernst. Lesen Sie mehr darĂŒber, wie Komponenten funktionieren.
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
'''let selectedComponent = editor.getSelected(); let href = this.getHref(); let title = this.title; let childHtml ='<a id="${selectedComponent.ccid}" title="${title}" href="${href}" target="_blank" class="gjs-comp-selected">${selectedComponent.view.el['outerHTML']}'</a>; const coll = selectedComponent.collection; const bei = coll.indexOf(selectedComponent); coll.remove(selectedComponent); coll.add (childHtml, { at }); selectedComponent.view.render();'''
Antworten (1)
Du plattest die Komponente, indem du 'selectedComponent.view.el['outerHTML']' machst und somit alle Eigenschaften entfernst. Lesen Sie mehr darĂŒber, wie Komponenten funktionieren.
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #2305
Die Wrap- und Unwrap-Funktion funktioniert im ausgewÀhlten Element von Grapesjs nicht
if(data.component.get('tagName') === 'img') { const selectedComponent = editor.getSelected(); const href = this.getHref(); const childHtml...
Problem #771
Image src wird nicht aktualisiert
Hallo @artf, Ich habe das Bild src mit dem folgenden Code aktualisiert: editor.getSelected().set('attributes', {'src': image_Url}); Aber we...
Problem #3491
Iframe speichert kein SRC / erkennt iframes nach dem Laden nicht mehr
Version: 0.17.4 Kannst du den Fehler aus der Demo reproduzieren?[ ] Ja[X] Nein Was ist das erwartete Verhalten?Nach dem EinfĂŒgen eines iFra...
Problem #3414
Das Komponentenmodell wird beim Erstellen eines neuen Widerstands nicht zurĂŒckgesetzt.
Beim Ziehen einer Komponente aus dem rechten Panel setzt das Komponentenmodell nicht auf den Standardwert, sondern hat den Wert der zuvor h...
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
How to integrate GrapesJS into a Laravel app (complete guide 2026)
Embed the GrapesJS drag-and-drop editor in a Laravel app: render it in a Blade view, persist content to a controller with CSRF, and export clean HTML/CSS.
Tutorial
10 Mistakes When Building a Visual Editor (And How to Avoid Them)
Visual editors are powerful tools â they enable non-technical users to create websites, emails, landing pages, and applications without writing code
Tutorial
GrapesJS vs Webflow vs Tilda (2026): Honest Comparison, Pricing & Which to Pick
GrapesJS vs Webflow vs Tilda compared head-to-head: real 2026 pricing, SEO features, code export, and which one actually fits your project
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.