如何使用React-TinyMCE将CSS类添加到可编辑元素中

问题描述

我想用预定义的CSS为我的可编辑内容框设置样式，方法是添加一个类名，但看不到任何使我能够执行此操作的属性。有一个属性body_class，但似乎不适用于react-tinymce

这是我的代码

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

解决方法

如果要将CSS传递到编辑器中，以便在编辑时使用CSS设置内容的样式，则需要使用propertyName或any配置选项。

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

content_css可能更容易，因为它允许您将CSS放在外部文件中并通过URL进行引用。

,

在React中，您可以像传递道具一样传递样式。 Here's a link获取文档。但基本上，您只需要编写常规的CSS即可，只有两个单词的属性除外。这些必须以驼峰式书写。该链接给出了background-color的示例，由于它是JSX，因此必须写成backgroundColor。