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.

  1. Wie füge ich den Entwurf.css beim Rendern der Komponente? Füge ich es in meiner main index.html?
  2. 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.
InformationsquelleAutor Robin | 2016-07-10
Schreibe einen Kommentar