Стильный дизайн в React

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

Этот CSS должен быть включен при рендеринге редактора, поскольку эти стили устанавливают значения по умолчанию для выравнивания текста, интервала и других важных функций.

  1. Как включить Draft.css во время рендеринга компонента? Включить ли я его в свой основной index.html?
  2. Также как дать id редактору, чтобы я мог его стилизовать (например, border, padding, min-height и т.д.),

Ответы

Ответ 1

В зависимости от вашей установки вы должны иметь возможность включать или импортировать Draft.css в файле index.js.

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

Ответ 2

draftjs создает Draft.css в сборке и доступен в node_modules. Используйте CSS для стилизации по умолчанию.

Для цвета фона редактора необходимо изменить следующий класс CSS:

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