Comment puis-je ajouter une classe CSS à mon élément modifiable à l'aide de React-TinyMCE

Aug 16 2020

Je voulais me styliser la boîte de contenu modifiable avec du CSS prédéfini, soit en ajoutant un nom de classe mais je ne vois aucune propriété qui me permette de le faire. Il y a une propriété body_classmais cela ne semble pas fonctionner pour react-tinymce

Voici mon code

 <Editor
       init={{toolbar: false}}
       apiKey="xxxxx"
       inline={true}
       value="Design DIY">
  </Editor>

Réponses

MichaelFromin Aug 17 2020 at 18:05

Si vous souhaitez transmettre le CSS dans l'éditeur afin qu'il soit utilisé pour styliser le contenu lors de l'édition, vous devez utiliser les options de configuration content_cssou content_style.

https://www.tiny.cloud/docs/configure/content-appearance/#content_css https://www.tiny.cloud/docs/configure/content-appearance/#content_style

Le content_cssest probablement plus facile car il vous permet de placer le CSS dans un fichier externe et de le référencer via une URL.