Jak mogę dodać klasę CSS do mojego edytowalnego elementu za pomocą React-TinyMCE

Question

Chciałem nadać mi styl edytowalnego pola treści z predefiniowanym CSS, albo przez dodanie nazwy klasy, ale nie widzę żadnej właściwości, która pozwoliłaby mi to zrobić. Istnieje właściwość, body_classale wydaje się, że nie działa ona w przypadku reagowania

Oto mój kod

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

Answer 1

Jeśli chcesz przekazać CSS do edytora, aby był używany do stylizowania treści podczas edycji, musisz użyć opcji konfiguracyjnych content_csslub content_style.

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

Jest content_cssto prawdopodobnie łatwiejsze, ponieważ pozwala umieścić CSS w zewnętrznym pliku i odwołać się do niego za pośrednictwem adresu URL.