javascript - 文本框.io : Can change color for UI toolbar?

Question

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

TextBox.io editor

问候，

尿素

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
}

根据您的需要，您可能需要更改更多样式，但我希望它能帮助您了解如何更改颜色。