Javascript 在React中重写TinyMCE编辑器的CSS
我正在使用TinyMCE 5进行我的React项目。我想自定义编辑器,我想做一些事情,例如:编辑边框属性或向工具栏添加框阴影。我尝试使用content\u css属性添加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”关闭工
我能够添加自定义图标。我面临的唯一问题是修改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; }";
另见:
- &