javascript - Textbox.io：可以更改 UI 工具栏的颜色吗？

Question

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

TextBox.io 编辑器

问候，

纽林

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

Textbox.io 2.0 版包含一种支持的方式来更改 UI 颜色。我们已将之前版本的颜色规范大大简化为少量变量。不再需要像@miquelarranz 的回答那样覆盖我们的 CSS。