如何将ckeditor工具栏的背景色(变为黑色)和按钮/图标前景色(变为白色)?

时间:2019-05-26 23:30:40

标签: ckeditor

对于黑暗的网站,如何将CKEditor的背景更改为黑色,将图标更改为白色?

使用CKEditor 4(4.11.4,源代码版本)。

编辑器的背景可以更改为黑色,但是按钮/图标变得非常暗淡,几乎看不见。

在[ckeditor_directory_path] /skins/moono-lisa/skin.js中: baseColor = colorBrightness( uiColor, -1 ),

在[ckeditor_directory_path] /skins/moono-lisa/config.js中: config.uiColor = '#000000';

这会将编辑器背景更改为黑色,但也会导致按钮/图标变暗。图标必须是较亮的颜色才能可见。

如何将图标设置为白色(#FFFFFF)?


有一个类似的问题,但答案没有帮助。 How to change ckeditor icons color

希望在这种情况下(使用“ moono-lisa”皮肤),仅使用CSS / Javascript / etc即可更改背景和按钮/图标的颜色。而不创建完整的图形图标集。 moono-lisa皮肤没有“ icons”目录(如有关CKEditor版本3的其他说明所建议):https://ckeditor.com/old/forums/CKEditor-3.x/How-change-toolbar-icon

所以我不知道下一步应该是什么。预先感谢您的帮助。

(更新:已编辑,删除了“ tinyMCE”标签。我要警告其他用户不要使用tinyMCE-其“每页多个编辑器”功能是一个噩梦,而tinyMCE 4的正式文档令人欣喜。错误。大量的堆栈溢出主题只会加重困惑,却没有明显的正确答案。经过数天的工作以解决其他几个tinyMCE问题,似乎没有解决方案,因此我最终选择了CKEditor。但是tinyMCE的不足之处是希望CKEditor是一个更好的选择,尽管基本功能(如背景/图标颜色等)的文档相对于tinyMCE而言并没有太大的改进-这导致我在这里提出这个问题...)< / p>

1 个答案:

答案 0 :(得分:1)

我找到了两个答案:

Moono Dark

Moono Dark Biskrem

希望这可以帮助寻找替代品的人。如果您对问题本身有进一步的想法,那也很好。请添加评论。 :)