Draftjs стайлинг в React

Question

Я хочу использовать draft.js в моем проекте. У него есть собственный CSS, который мне также нужно импортировать. В документации сказано:

Этот 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
}