React-TinyMCEを使用して編集可能な要素にCSSクラスを追加するにはどうすればよいですか？

Question

クラス名を追加して、事前定義されたCSSを使用して編集可能なコンテンツボックスのスタイルを設定したかったのですが、それを可能にするプロパティが表示されません。プロパティはありますbody_classが、react-tinymceでは機能しないようです

これが私のコードです

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

Answer 1

CSSをエディターに渡して、編集中にコンテンツのスタイルを設定するために使用する場合は、content_cssまたはcontent_style構成オプションのいずれかを使用する必要があります。

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

content_cssそれはあなたが外部ファイルにCSSを配置し、URLを経由してそれを参照することができますようそう簡単です。