在React中重写TinyMCE编辑器的CSS

问题描述 投票:0回答:1

我在我的React项目中使用TinyMCE 5。我想自定义编辑器,并且想做例如编辑边框属性或向工具栏添加框阴影的操作。我尝试使用content_css属性添加CSS,但无法正常工作。还有其他解决方法吗?

编辑:这就是我最终想要的样子here

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

javascript css reactjs tinymce-5
1个回答
0
投票

您可以使用toolbar_location: "bottom"将工具栏放下。

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

content_css: "/mycontent.css";

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

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

另请参阅:

© www.soinside.com 2019 - 2024. All rights reserved.