Wie kann ich meinem bearbeitbaren Element mit React-TinyMCE eine CSS-Klasse hinzufügen?

Question

Ich wollte mein bearbeitbares Inhaltsfeld mit vordefiniertem CSS gestalten, indem ich entweder einen Klassennamen hinzufüge, aber ich sehe keine Eigenschaft, die mir dies ermöglicht. Es gibt eine Eigenschaft, body_classaber sie scheint nicht für die Reaktion zu funktionieren

Hier ist mein Code

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

Answer 1

Wenn Sie CSS an den Editor übergeben möchten, damit der Inhalt während der Bearbeitung formatiert wird, müssen Sie entweder die Konfigurationsoptionen content_cssoder die content_styleKonfigurationsoptionen verwenden.

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

Dies content_cssist wahrscheinlich einfacher, da Sie das CSS in eine externe Datei einfügen und über eine URL darauf verweisen können.