Draftjs styling in Reagieren
Den ich nutzen möchte draft.js in meinem Projekt. Es hat seine eigene css, die ich auch importieren müssen. In der Dokumentation es wird gesagt:
Diese CSS sollten enthalten sein, die beim Rendern der editor, wie diese Stile
festlegen von Standardeinstellungen für die Textausrichtung, Abstände und andere wichtige
features.
- Wie füge ich den Entwurf.css beim Rendern der Komponente? Füge ich es in meiner main index.html?
- Auch, wie man eine
id
in den editor, so dass ich-Stil (zB.border
,padding
,min-height
etc)
- Entwurf.css sollte in jede Seite, die DraftJS Komponente. Für das styling der DraftJS in mehreren Orten, inline-Stile verwendet werden können. Wenn generische Funktionalität erforderlich ist, erstellen Sie eine wrapper-Komponente auf der Oberseite der Editor und EditorState.
- Okay, danke.
- Wie können Sie inline-styles? Ich habe versucht
<Editor style={{backgroudColor: 'blue'}}></Editor>
ohne Erfolg. - Ich hatte gehofft, dass die customStyleMap Eigenschaft würde es tun. Dokumentation, die Eigenschaft unterscheidet sich von dem, was ich dachte. Ich habe von Ihnen positiv bewertet werden Ihre Frage.
- Beachten Sie, dass bestimmte build-setups (wie Erstellen Sie Reagieren, App) automatisch das default-css der importierten Module, so gibt es nichts zu tun in diesen Fällen.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Abhängig von Ihrem System, Sie sollten in der Lage sein zu zählen, oder importieren Sie den Entwurf.css in der index.js Datei.
draftjs produziert Entwurf.css im Aufbau und wird innerhalb der node_modules. Verwenden Sie das css für die Standard-styling.
Für die Hintergrundfarbe des Editors die folgende CSS-Klasse geändert werden soll: