Problem #2990💬 BeantwortetSep 1, 2020 geöffnetvon Joshmamroud0-Reaktionen

FRAGE: Gibt es eine Möglichkeit, verschiedene Varianten derselben Stileigenschaft zu verwenden?

Kurze Antwortvon Ju99ernaut

Ich glaube nicht, dass das mit der API möglich ist, funktioniert 'Textausrichtung' auch fĂŒr nicht-textbasierte Komponenten? Du wirst wahrscheinlich die Eigenschaft 'align-content' von 'flexbox' verwenden wollen.

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Hinweis: Dies geschieht im Kontext des Style Managers. Gibt es eine Möglichkeit, verschiedene Varianten derselben Style-Eigenschaft zu verwenden? Wenn ich zum Beispiel die Text-Align-Eigenschaft auf einer nicht-textbezogenen Knotenkomponente verwende, möchte ich, dass das Label "Inhalt ausrichten" mit den Optionen "links", "rechts" und "Zentrum" angezeigt wird. Wenn jedoch die Eigenschaft "text-align" fĂŒr einen Textknoten angezeigt wird, möchte ich, dass das Label "Text ausrichten" mit den Optionen "links", "rechts", "mittler" und "justify" lautet. Ich habe die Dokumentation und die Probleme...

Antworten (3)

Ju99ernaut‱ Sep 5, 2020

Ich glaube nicht, dass das mit der API möglich ist, funktioniert 'Textausrichtung' auch fĂŒr nicht-textbasierte Komponenten? Du wirst wahrscheinlich die Eigenschaft 'align-content' von 'flexbox' verwenden wollen.

artf‱ Sep 8, 2020

Du solltest versuchen, die Eigenschaft 'Stylable-Require' von Component zu nutzen, um die jeweilige Stil-Eigenschaft (markiert mit 'toRequire') und 'unstylable' fĂŒr die Eigenschaft anzuzeigen, die du nicht brauchst. '''js Redakteur. Components.addType('...', { model: { Standardwerte: { 'Stilierbar-...

Joshmamroud‱ Sep 8, 2020

@artf Danke fĂŒr deine Antwort. In diesem Fall hĂ€tte ich trotzdem ein Problem mit der Verwendung der Eigenschaft 'align-content' bei flexiblen Spalten und Zeilen. FĂŒr Spalten möchte ich, dass die Optionen 'Oben', 'Mitte' und 'Unten' anzeigen, und fĂŒr Zeilen sollen die Optionen 'Links', 'Mitte' und '...

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.