Problem #482💬 BeantwortetNov 3, 2017 geöffnetvon krunal0390-Reaktionen

Standard-Asset-Manager in benutzerdefinierter Komponente

Kurze Antwortvon artf

@krunal039 Warum brauchst du eine individuelle Komponente? Deine Vorlage scheint ziemlich einfach zu sein, wie wÀre es mit einem einfachen Block? '''js Redakteur. BlockManager.add('your-block', { Etikett: 'Custom Block', Inhalt: '<Div Class="Row-Class"> <div class="column-class"> <img src="..." /> </div> ... '</div> }...

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Ich bin dabei, eine benutzerdefinierte Komponente fĂŒr die untenstehende Vorlage zu erstellen, und wir möchten, dass der Benutzer Text, Link, Hover Text eingibt und das Bild auswĂ€hlt. Ich möchte den Standard-Asset-Manager verwenden, um das Bild auszuwĂ€hlen, bin mir aber nicht sicher, wie ich das ausgewĂ€hlte Bild in der benutzerdefinierten Komponente bekomme? unten ist der Code, den ich verwendet habe view: defaultType.view.extend({ init() { this.listenTo(this.model, 'active', this.doStuff); Hören Sie auf ein aktives Ereignis }, doStuff() { editor.runCommand('open-assets', { target: editor.getS...

Antworten (3)

artf‱ Nov 6, 2017

@krunal039 Warum brauchst du eine individuelle Komponente? Deine Vorlage scheint ziemlich einfach zu sein, wie wÀre es mit einem einfachen Block? '''js Redakteur. BlockManager.add('your-block', { Etikett: 'Custom Block', Inhalt: '<Div Class="Row-Class"> <div class="column-class"> <img src="..." />...

krunal039‱ Nov 6, 2017

@artf danke fĂŒr die Antwort, wir brauchen Benutzereingaben fĂŒr Hover-Text, Hintergrundbild, Text und Hyperlink unten und haben gedacht, eine benutzerdefinierte Komponente zu verwenden, aber wenn wir den Nutzer dazu auffordern können, oben einzugeben, erstellen wir gerne einfach Block. Kannst du mir...

artf‱ Nov 6, 2017

Versuche, einen Block mit deiner Vorlage zu erstellen, ziehe ihn in die Canvas, dann kannst du all das Àndern

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.