DraftjsスタイルReact

Question

プロジェクトでdraft.jsを使用したい。独自のCSSがあり、これもインポートする必要があります。 documentation には次のように書かれています：

これらのスタイルはテキストの配置、間隔、その他の重要な機能のデフォルトを設定するため、エディターをレンダリングするときにこのCSSを含める必要があります。

1. コンポーネントのレンダリング中にDraft.cssを含めるにはどうすればよいですか？メインのindex.htmlに含めますか？
2. idをエディターに与えてスタイルを設定する方法（例：border、padding、min-heightなど）

Answer 1

設定によっては、Draft.cssをindex.jsファイルに含めたり、インポートしたりできるはずです。

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

Answer 2

draftjsはビルドでDraft.cssを生成し、node_modules内で使用できます。デフォルトのスタイル設定にはcssを使用します。

エディターの背景色については、次のCSSクラスを変更する必要があります。

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