【问题标题】:How to change ckeditor toolbar background color (to black) and button/icon foreground color (to white)?如何更改ckeditor工具栏背景颜色(黑色)和按钮/图标前景色(白色)?
【发布时间】:2019-05-26 23:30:40
【问题描述】:

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/等更改背景和按钮/图标颜色。而不是创建一整套图形图标。 Moono-lisa 皮肤没有“图标”目录(正如其他关于 CKEditor 版本 3 的说明所建议的那样):https://ckeditor.com/old/forums/CKEditor-3.x/How-change-toolbar-icon

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

(更新:已编辑以删除“tinyMCE”标签。我正要警告其他用户不要使用 tinyMCE ——它的“每页多个编辑器”功能设置起来简直就是一场噩梦,而 tinyMCE 4 的官方文档也很高兴错了。无数的堆栈溢出主题只会增加混乱,没有明显的正确答案。经过几天的努力解决其他几个 tinyMCE 问题,似乎没有解决方案,因此我最终切换到 CKEditor。但是 tinyMCE 的不足之处是一个单独的问题。希望 CKEditor 是一个更好的选择,尽管背景/图标颜色等基本功能的文档与 tinyMCE 相比并没有太大的改进——这导致我在这里问这个问题......)

【问题讨论】:

    标签: ckeditor


    【解决方案1】:

    我找到了两个答案:

    Moono Dark

    Moono Dark Biskrem

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


    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-08-17
    • 1970-01-01
    • 1970-01-01
    • 2020-04-03
    • 2019-07-01
    • 1970-01-01
    • 2015-06-04
    相关资源
    最近更新 更多