Problem #932✓ GelöstMar 8, 2018 geöffnetvon TheMysticMan3-Reaktionen

Das Setzen von Hintergrundbildern führt zu doppelten Stilregeln

Kurze Antwortvon samuelmattos2

Hallo, ich habe dasselbe Problem. In der Vorschau https://jsfiddle.net/szLp8h4n/77/ Wenn ich den Hintergrund der Box in der Vorschau ändere, ändert er sich, aber im Code generiert es eine weitere ID. Wenn du die Vorlage auf diese Weise speicherst und versuchst, sie auf der Seite anzuzeigen, ändert sich der Hintergrund...

Lesen Sie die vollständige Antwort unten ↓

Frage

Hallo @artf, Ich habe ein seltsames kleines Problem. Ich habe ein benutzerdefiniertes Merkmal, das eine Implementierung zum Setzen von Bildern und Hintergrundbildern enthält. Wenn ich das Hintergrundbild ein zweites Mal mit dem untenstehenden Code setze, bekomme ich doppelte Styling-Regeln auf der Element-ID. '''js var style = self.target.getStyle(); Style ist leer, obwohl der StyleManager das Standard-Hintergrundbild aus der Classstyle-Regel anzeigt style['background-image'] ='url("' + newUrl + '")'; self.target.setStyle(style); ``` Ich habe schon ein bisschen mit der ForceClass und avoidInl...

Antworten (3)

👍 Am hilfreichstensamuelmattosMar 15, 2018

Hallo, ich habe dasselbe Problem. In der Vorschau https://jsfiddle.net/szLp8h4n/77/ Wenn ich den Hintergrund der Box in der Vorschau ändere, ändert er sich, aber im Code generiert es eine weitere ID. Wenn du die Vorlage auf diese Weise speicherst und versuchst, sie auf der Seite anzuzeigen, ändert...

artfMar 17, 2018

Danke für das Beispiel@samuelmattos aktuell ist der einzige Workaround, den ich dir geben kann, mit dieser Option zu beginnen: '''js grapesjs.init({ Normalerweise ändert sich beim Aktualisieren des 'Stils' der Komponente das elements 'Stil'-Attribut. Leider erlaubt das Inline-Design das nicht Verwe...

artfMar 8, 2018

Zunächst schlage ich vor, 'self.target.addStyle({'background-image': 'url(...)'}) zu verwenden.' für deinen Fall, der weniger wortreich ist.Vielleicht hängt das mit diesem Problem zusammen: Das Element hat außerdem eine Klasse mit einem Standard-Hintergrundbild. Wenn ich den StyleManager öffne, seh...

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.