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

Question

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

此致，

努里因

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。

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

Textbox.io: Can change color for UI toolbar?

javascript

uitoolbar

rich-text-editor

textboxio