Problem #2793✓ GelöstMay 20, 2020 geöffnetvon Lerdouille3-Reaktionen

Bildmerkmale erweitern

Kurze Antwortvon Lerdouille3

Hallo nochmal, Hier ist die endgültige Lösung, um ein HREF-Bild zu erstellen: '''js Redakteur. DomComponents.addType('imagelink', { model: { Standardwerte: { TagName: 'div', größenverstellbar: {keepAutoHeight: true}, Droppbar: Falsch, Eigenschaften: [ { Typ: 'href', Etikett: 'Quelle', Name: 'href' }, { Typ: 'auswählen...

Lesen Sie die vollständige Antwort unten ↓

Frage

Hallo, Ich möchte den Bildtyp mit einigen Optionen erweitern, insbesondere mit einer Umleitungsoption beim Klicken. Ich habe diese Lösung nach der Editor-Initialisierung ausprobiert (ich habe betont, dass ich in voller JavaScript- und nicht-Node.js-Umgebung arbeite): Redakteur. DomComponents.addType('image', { isComponent: el => el.tagName == 'img', model: { Standardwerte: { Eigenschaften: [ Zeichenketten werden automatisch in Texttypen umgewandelt 'alt', 'title', // Dasselbe wie: { type: 'text', name: 'name' } { typ: 'url', name: 'href', platzhalter:'https://google.com', changeProp: 1 } ], S...

Antworten (3)

👍 Am hilfreichstenLerdouilleJun 26, 2020

Hallo nochmal, Hier ist die endgültige Lösung, um ein HREF-Bild zu erstellen: '''js Redakteur. DomComponents.addType('imagelink', { model: { Standardwerte: { TagName: 'div', größenverstellbar: {keepAutoHeight: true}, Droppbar: Falsch, Eigenschaften: [ { Typ: 'href', Etikett: 'Quelle', Name: 'href'...

felipesoteroJun 5, 2020

Ich habe dasselbe Bedürfnis in meinem Projekt. Ich habe versucht, einen Block zu erstellen, aber ich konnte das anfängliche Popup nicht zum "Pop" bringen. Ich habe versucht, eine Komponente mit einem Plugin zu erstellen, aber es ist so viel Arbeit, dass ich nicht verstehe, wie sie miteinander verbu...

artfJun 17, 2020

Du hast diesen Listener 'change:url' hinzugefügt, aber der Name des Merkmals ist 'name: 'href'', also ändere ihn einfach mit 'change:href'.

Verwandte Fragen und Antworten

Führe die Forschung mit ähnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen für kostenpflichtige Plugins...

Kostenlose Option

Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

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.