代码之家 › 专栏 › 技术社区 › Nuriin A BMZ

文本框。io:可以更改UI工具栏的颜色吗?

textboxio rich-text-editor uitoolbar javascript

2

Nuriin A BMZ · 技术社区 · 10 年前

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

TextBox.io editor

当做

努林

2 回复 | 直到 10 年前

1

miquelarranz 10 年前

我认为最简单的解决方案是手动更改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
}

你可能需要改变更多的风格,可能取决于你想做什么,但我希望它可以帮助你了解如何改变颜色。

2

0

Spyder 10 年前

文本框2.0版。io包括一种受支持的更改UI颜色的方法。我们已经将以前版本的颜色规格大大简化为几个变量。不再需要像@miquelarranz的回答那样覆盖我们的CSS。