Problem #383💬 BeantwortetOct 5, 2017 geöffnetvon Daniel-Farina1-Reaktionen

Beste Methode, um das CSS des Elements in das Properties-Panel zu laden.

Kurze Antwortvon Daniel-Farina❀ 1

@artf Ich verstehe jetzt ! Bild Ich habe das KontrollkĂ€stchen neben jedem Selektor komplett ĂŒbersehen. Die ForceClass auf falsch zu stellen löst all meine Probleme! Das brauche ich eigentlich nicht, da ich den Quellcode extrem schlank halte mit möglichst wenigen Divs. Vielen Dank dafĂŒr! Dan

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Hallo nochmal zusammen, GrapeJS macht einfach zu viel Spaß, wenn man tief drin ist. Ich habe eine einfache Frage: Wie lĂ€dt man am besten das CSS von einem neu erstellten Element ins Properties-Panel? Zum Beispiel habe ich folgendes Feld mit schwarzem Hintergrund: ! Bild Der schwarze Hintergrund stammt vom Stil des Elements Der Editor wandelt das Style-Tag wie hier gezeigt in eine Klasse um: ! Bild Doch das Eigenschaftspanel hat kein Hintergrundset: ! Bild Jetzt Ă€ndere ich die Farbe zu dunklem Orange: ! Bild Es erstellt eine neue Klasse dafĂŒr, die die vorherige ĂŒberschreibt: ! Bild Vielen Dank...

Antworten (3)

Daniel-Farina‱ Oct 6, 2017

@artf Ich verstehe jetzt ! Bild Ich habe das KontrollkĂ€stchen neben jedem Selektor komplett ĂŒbersehen. Die ForceClass auf falsch zu stellen löst all meine Probleme! Das brauche ich eigentlich nicht, da ich den Quellcode extrem schlank halte mit möglichst wenigen Divs. Vielen Dank dafĂŒr! Dan

Daniel-Farina‱ Oct 5, 2017

Ich habe herausgefunden, dass, wenn die Div keine Klasse hat, sondern nur einen Stil, eine einzelne Klasse erstellt wird und der Hintergrund auf das Properties-Panel angewendet wird: ! Bild ! Bild Das wÀre also vorerst eine Teillösung, aber ich suche trotzdem nach einer besseren Alternative.

artf‱ Oct 5, 2017

Hallo @daniel-farina, du siehst den Hintergrund von '.c1019' nicht, weil deine Komponente zwei Klassen hat, sodass der Style Manager standardmĂ€ĂŸig die CSS-Regel auswĂ€hlt, bei der der Selektor eine Kombination aller Klassen ist, in deinem Fall '.col-8.c1019'. Wenn du die Stile von '.c1019' sehen möc...

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.