在 React 中覆盖 TinyMCE 编辑器的 CSS

Question

我正在为我的 React 项目使用 TinyMCE 5。 我想自定义编辑器，我想做一些事情，例如：编辑边框属性或向工具栏添加框阴影。 我尝试使用 content_css 属性添加 css 但它不起作用。 还有其他解决方法吗？

编辑：这就是我希望它最终的样子

我能够添加自定义图标。 我面临的唯一问题是修改 css。 我想降低工具栏，添加阴影效果，使图标更小并减小工具栏的宽度。 我还尝试使用 styled-components 覆盖 CSS 但它没有用。 是否有任何替代方法可以覆盖 CSS？

Answer 1

您可以使用toolbar_location: "bottom"来关闭工具栏。

关于 CSS，您可以使用content_css用您自己的 styles 覆盖默认的 CSS。 例如：

content_css: "/mycontent.css";

或者您可以使用content_style覆盖它的特定部分。 例如：

content_style: "body { font-family: Arial; }";

另见：