Comment puis-je ajouter une classe CSS à mon élément modifiable à l'aide de React-TinyMCE
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_class
mais 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
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_css
ou content_style
.
https://www.tiny.cloud/docs/configure/content-appearance/#content_css https://www.tiny.cloud/docs/configure/content-appearance/#content_style
Le content_css
est probablement plus facile car il vous permet de placer le CSS dans un fichier externe et de le référencer via une URL.