Javascript Textbox.io:可以更改UI工具栏的颜色吗?

Javascript Textbox.io:可以更改UI工具栏的颜色吗?,javascript,uitoolbar,rich-text-editor,textboxio,Javascript,Uitoolbar,Rich Text Editor,Textboxio,我目前正在为我的公司网站测试不同的文本编辑器系统。我刚刚下载了文本编辑器TextBox.io,但我想更改UI颜色工具栏,因为我想让编辑器与我的网站很好地融合。有人能帮我吗 问候, Nuriin我认为最简单的解决方案是手动更改css。因此,使用浏览器检查器搜索包含样式的div,并强制使其成为所需的颜色 我认为这种风格是: .ephox-polish-editor-container .ephox-chameleon-toolstrip { background-color: yourco

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

问候,


Nuriin

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

您可能需要更改更多样式,这可能取决于您想做什么,但我希望它可以帮助您了解如何更改颜色。

Textbox.io的2.0版包括一种受支持的更改UI颜色的方法。我们已经大大简化了颜色规格从我们以前的版本下降到少数变量。不再需要像@miquelarranz的回答那样覆盖我们的CSS。

为什么不更改CSS样式呢?就像我想更改工具栏颜色而不是背景文本框一样。我不希望它是黑色的。顺便说一句,谢谢你的建议samayo@NuriinABMZ我在下面添加了一些类,您必须更改这些类才能更改颜色。@miquelarranz感谢ans。我们将立即对其进行测试