Wie man Stile im Style Manager aktualisiert
Mir ist aufgefallen, dass generell beim Aktualisieren von Stilen für eine 'Komponente' per Code sie erst im 'Styles Manager' angezeigt werden, wenn man die 'Komponente' deaktiviert und erneut auswählt, und ich finde in der Dokumentation nichts zum Aktualisieren des 'Styles Manager'. Als Workaround kannst du verwenden:...
Lesen Sie die vollständige Antwort unten ↓Frage
Hallo. Ich habe eine benutzerdefinierte Komponente erstellt, bei der ich backgraound-image über den benutzerdefinierten Asset Manager setze Benutzerdefinierter Blockcode: '''javascript domc.addType('image-block', { Erweitern: 'Standard', model: { defaults() { Rückkehr { Name: 'Hintergrundbild', Typ: 'Bildblock', TagName: 'div', leer: falsch, Droppable: True, }; }, }, Ansicht: { init() { this.listenTo(this.model, 'change:src', this.updateImage); }, Ereignisse: { dblclick: 'onActive', }, onActive() { editor.runCommand('open-assets'); }, updateImage(model, url) { wenn (URL) { const style = model...
Antworten (3)
Mir ist aufgefallen, dass generell beim Aktualisieren von Stilen für eine 'Komponente' per Code sie erst im 'Styles Manager' angezeigt werden, wenn man die 'Komponente' deaktiviert und erneut auswählt, und ich finde in der Dokumentation nichts zum Aktualisieren des 'Styles Manager'. Als Workaround...
Hier verwenden sie #2728: '''js component.addStyle({ 'background-image': 'url('${url}')' })
Ich vermute, dass das Hintergrundbild nicht aktualisiert wird, weil das Attribut 'src' statt der 'background-image'-Eigenschaft gesetzt ist.
@Ju99ernaut danke für den Rat, aber leider hat es nicht funktioniert. Außerdem ist mir aufgefallen, dass Eigenschaften wie Hintergrundgröße oder Hintergrundwiederholung im Style Manager nicht richtig angezeigt werden, obwohl es für ausgewählte Komponenten eingestellt ist.
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #2165
Wie man die Immobilie des Style Managers Sector erweitert
Hallo @artf, Wir haben einen benutzerdefinierten Asset-Manager erstellt, der perfekt für die Image-Komponente funktioniert. Wir können jedo...
Problem #1126
Wie fügt man ein benutzerdefiniertes Attribut in einen Block über den Block Manager hinzu?
Hallo, Ich habe einen benutzerdefinierten Block, in dem das benutzerdefinierte Attribut '@call-method="searchProduct"' angezeigt wird. Aber...
Problem #3213
Wie man die dynamisch hinzugefügten Eigenschaften speichert
Hallo, @artf, ich habe eine benutzerdefinierte Komponente, die eine Button-Eigenschaft hat. Wenn der Button gedrückt wird, füge ich dynamis...
Problem #2368
Alle Instanzen der benutzerdefinierten Komponenten werden aktualisiert
Hallo, Ich habe eine benutzerdefinierte Komponente für einen Umschaltknopf erstellt. Mein Problem ist, dass sobald ich mehr als eine ziehe...
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.