web-dev-qa-db-fra.com

Style de Draftjs en React

Je veux utiliser draft.js dans mon projet. Il a son propre css que je dois également importer. Dans le documentation il est dit:

Ce CSS doit être inclus lors du rendu de l'éditeur, car ces styles définissent des valeurs par défaut pour l'alignement du texte, l'espacement et d'autres fonctionnalités importantes.

  1. Comment inclure le fichier Draft.css lors du rendu du composant? Dois-je l'inclure dans mon index.html principal?
  2. Aussi comment donner un id à l'éditeur pour que je puisse le styliser (par exemple. border, padding, min-height, etc)
cssreactjsdraftjs
19
Robin

Selon votre configuration, vous devriez pouvoir inclure ou importer le fichier Draft.css dans le fichier index.js.

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

draftjs produit Draft.css dans la build et est disponible dans les node_modules. Utilisez le CSS pour le style par défaut.

Pour la couleur d'arrière-plan de l'éditeur, la classe CSS suivante doit être modifiée:

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