ドラフトのスタイリング（リアクション）

Question

私は自分のプロジェクトでdraft.jsを使いたいです。それは私もインポートする必要がある独自のCSSがあります。 documentationでは、言われている。

エディタをレンダリングするとき、このCSSは、これらのスタイルテキストの配置、間隔、およびその他の重要な 機能の セットのデフォルト値として、含まれるべきです。

1. コンポーネントのレンダリング時にDraft.cssを含めるにはどうすればよいですか？私はそれを私の主要なindex.htmlに含めるか？私はそれをスタイリングできるように
はまた、エディタに idを与える方法（例えば。 border、 padding、 min-height、など）

Answer 1

draftjsは、ビルドにDraft.cssを生成し、node_modules内で利用可能です。デフォルトのスタイリングにはCSSを使用します。エディタの背景色については

、以下のCSSクラスを変更する必要があります。

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

Answer 2

設定によっては、あなたがindex.jsファイルにDraft.cssを含めるか、またはインポートすることができるはずです。

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