Bagaimana saya dapat menambahkan kelas CSS ke elemen saya yang dapat diedit menggunakan React-TinyMCE

Question

Saya ingin memberi gaya pada kotak konten yang dapat diedit dengan CSS yang telah ditentukan, baik dengan menambahkan nama Kelas tetapi saya tidak melihat properti apa pun yang memungkinkan saya melakukan itu. Ada properti body_classtetapi tampaknya tidak berfungsi untuk react-tinymce

Ini kode saya

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

Answer 1

Jika Anda ingin meneruskan CSS ke editor agar digunakan untuk mengatur gaya konten saat mengedit, Anda perlu menggunakan opsi konfigurasi content_cssatau content_style.

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

Ini content_cssmungkin lebih mudah karena memungkinkan Anda untuk menempatkan CSS di file eksternal dan mereferensikannya melalui URL.