javascript - 如何使用 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 引用它。

Answer 2

在 React 中，你可以像传递 props 一样传递你的风格。这是文档的链接。但基本上，您只需编写常规 css，除了两个字的属性。那些必须用驼峰写法。该链接给出了 , 的示例，因为它是 JSX，所以background-color必须编写。backgroundColor