在 React 中覆盖 TinyMCE 编辑器的 CSS

Div*_*ngh 1 javascript css reactjs tinymce-5

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

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

我能够添加自定义图标。我面临的唯一问题是修改CSS。我想降低工具栏,添加阴影效果,使图标变小并减少工具栏的宽度。我还尝试使用 styled-components 来覆盖 CSS,但它不起作用。有什么替代方法可以覆盖 CSS 吗?

小智 5

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

关于 CSS,您可以使用content_css. 例如:

content_css: "/mycontent.css";
Run Code Online (Sandbox Code Playgroud)

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

content_style: "body { font-family: Arial; }";
Run Code Online (Sandbox Code Playgroud)

另请参阅: