Problem #1893💬 BeantwortetMar 14, 2019 geöffnetvon Trivago-Vgarcia1-Reaktionen

Per Definition mĂŒssen alle Blöcke denselben Stil haben

Kurze Antwortvon artf❀ 1

ZunĂ€chst einmal hat dein Beispiel/Problem nichts mit dem benutzerdefinierten Rendering in Blöcken zu tun (du wĂŒrdest es nutzen, um die BenutzeroberflĂ€che von Blöcken und nicht von Komponenten im Canvas anzupassen). Eine Lösung ist, diese Klasse privat zu setzen.

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Wir verwenden blockManager, wie Sie im Beispiel sehen, das auf Codesandbox gepostet wurde, und folgen der Dokumentation zum benutzerdefinierten Rendering. Das unerwartete Verhalten fĂŒr uns ist, dass jedes Mal, wenn ein Benutzer die Stile eines Blocks bearbeitet, alle Blöcke mit diesem Stil aktualisiert werden, weil der Stil auf die im Block verwendete Klasse gesetzt wurde, in diesem Fall .row-cell.

  • Ist das das erwartete Verhalten?
  • Wie können wir das vermeiden?

Danke!

Quellen: https://codesandbox.io/s/wkr3oqxpw8 https://grapesjs.com/docs/modules/Blocks.html#custom-render

Antworten (3)

artf‱ Mar 22, 2019

ZunĂ€chst einmal hat dein Beispiel/Problem nichts mit dem benutzerdefinierten Rendering in Blöcken zu tun (du wĂŒrdest es nutzen, um die BenutzeroberflĂ€che von Blöcken und nicht von Komponenten im Canvas anzupassen). Eine Lösung ist, diese Klasse privat zu setzen.

Trivago-Vgarcia‱ Mar 27, 2019

@artf Danke fĂŒr die Antwort! Entschuldigung, weil das Beispiel nicht klar war. Das passiert in jedem Fall, ich meine, selbst wenn sie in der Standardvorlage definiert sind, und nicht nur, wenn ein neuer Selektor hinzugefĂŒgt wird. Die Verwendung von 'selector:add' wird also nicht alle FĂ€lle beheben....

artf‱ Mar 29, 2019

Es passiert in jedem Fall, ich meine, selbst wenn sie in der Standardvorlage definiert sind, und nicht nur, wenn ein neuer Selektor hinzugefĂŒgt wird. Deshalb wird die Verwendung von selector:add nicht alle FĂ€lle beheben. 'Selector:Add' wird ausgelöst, selbst wenn eine neue Klasse durch Parsing hinz...

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.