Como posso adicionar classe CSS ao meu elemento editável usando React-TinyMCE

Question

Eu queria definir o estilo da caixa de conteúdo editável com CSS predefinido, adicionando um nome de classe, mas não vejo nenhuma propriedade que me permita fazer isso. Há uma propriedade, body_classmas não parece funcionar para reativar o tempo

Aqui está o meu código

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

Answer 1

Se você deseja passar CSS para o editor para que seja usado para estilizar o conteúdo durante a edição, você precisa usar as opções de configuração content_cssou content_style.

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

A content_cssprovavelmente mais fácil, pois ele permite que você coloque o CSS em um arquivo externo e referenciá-lo através de um URL.