Draftjs styling in React

Question

Voglio usare draft.js nel mio progetto. Ha un proprio css che devo anche importare. Nella documentation si dice:

Questa CSS dovrebbero essere inclusi durante il rendering l'editor, come questi stili predefiniti impostati per l'allineamento del testo, la spaziatura, e di altri importanti caratteristiche.

1. Come faccio a includere il Draft.css durante il rendering del componente? Lo includo nel mio index.html principale?
2. anche come dare un id per l'editor in modo che possa lo stile (ad es border, padding, min-height, ecc.)

Answer 1

draftjs produce Draft.css nella build ed è disponibile all'interno del node_modules. Usa il CSS per lo stile predefinito.

Per il colore del redattore sfondo, la seguente classe CSS dovrebbe essere modificato:

.DraftEditor-editorContainer { 
    background-color:#fff; 
    border-left:.1px solid transparent; 
    position:relative; 
    z-index:1 
} 

Answer 2

A seconda della configurazione, si dovrebbe essere in grado di includere o importare il Draft.css nel file index.js.

... 
import 'draft-js/dist/Draft.css'; 
...