Javascript 在React中重写TinyMCE编辑器的CSS

Javascript 在React中重写TinyMCE编辑器的CSS,javascript,css,reactjs,tinymce-5,Javascript,Css,Reactjs,Tinymce 5,我正在使用TinyMCE 5进行我的React项目。我想自定义编辑器,我想做一些事情,例如:编辑边框属性或向工具栏添加框阴影。我尝试使用content\u css属性添加css,但不起作用。还有其他的工作吗 编辑: 下面是我希望它最终的样子 我能够添加自定义图标。我面临的唯一问题是修改css。我想把工具栏放下,添加阴影效果,使图标变小,并减少工具栏的宽度。我还尝试使用样式化的组件覆盖CSS,但没有成功。有替代CSS的方法吗?您可以使用toolbar\u location:“bottom”关闭工

我正在使用TinyMCE 5进行我的React项目。我想自定义编辑器,我想做一些事情,例如:编辑边框属性或向工具栏添加框阴影。我尝试使用content\u css属性添加css,但不起作用。还有其他的工作吗

编辑: 下面是我希望它最终的样子


我能够添加自定义图标。我面临的唯一问题是修改css。我想把工具栏放下,添加阴影效果,使图标变小,并减少工具栏的宽度。我还尝试使用样式化的组件覆盖CSS,但没有成功。有替代CSS的方法吗?

您可以使用
toolbar\u location:“bottom”
关闭工具栏

关于CSS,您可以使用
content\u CSS
使用自己的样式覆盖默认CSS。例如:

content_css: "/mycontent.css";
content_style: "body { font-family: Arial; }";
或者,您可以使用
content\u style
覆盖它的特定部分。例如:

content_css: "/mycontent.css";
content_style: "body { font-family: Arial; }";
另见:

  • &

您可以使用
toolbar\u位置:“bottom”
将工具栏放下

关于CSS,您可以使用
content\u CSS
使用自己的样式覆盖默认CSS。例如:

content_css: "/mycontent.css";
content_style: "body { font-family: Arial; }";
或者,您可以使用
content\u style
覆盖它的特定部分。例如:

content_css: "/mycontent.css";
content_style: "body { font-family: Arial; }";
另见:

  • &

如果您可以添加代码,您是如何使用的以及迄今为止您做了哪些尝试如果您可以添加代码,您是如何使用的以及您迄今为止做了哪些尝试您认为如何与React tinymce合作?它与init属性一致吗@Ben Longy是的,您应该能够在init中配置这些选项。您认为如何使用React tinymce?它与init属性一致吗@Ben LongYes是的,您应该能够在init中配置这些选项。