文本框.io:可以改变UI工具栏的颜色

Question

我目前正在为我的公司网站测试不同的文本编辑器系统。我刚刚下载了文本编辑器TextBox。io，但我想改变UI颜色工具栏，因为我希望编辑器融入我的网站很好。有人能帮帮我吗?

文本框。io编辑

问候,

Nuriin

Answer 1

我认为最简单的解决方案是手动更改css。因此，使用浏览器检查器搜索包含样式的div，并强制其为您想要的颜色。

我觉得应该是这样的:

.ephox-polish-editor-container .ephox-chameleon-toolstrip {
    background-color: yourcolor !important; // I am not sure if you will need !important
}

如果你想改变阴影:

.ephox-polish-editor-container .ephox-chameleon-toolbar:first-child {
    box-shadow: inset 0 -.5em 1em yourcolor !important; // I am not sure if you will need !important
}

你可能需要改变更多的样式可能取决于你想做什么，但我希望它可以帮助你理解如何改变颜色

Answer 2

文本框2.0版本。io包含一种支持的方式来改变UI颜色。我们已经大大简化了之前版本的颜色规格，只剩下几个变量。不再需要像@miquelarranz的答案那样重写我们的CSS。