You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

TinyMCE backcolor模块color_map配置仅显示2种颜色而非3种

解决TinyMCE backcolor模块color_map仅显示部分颜色的问题

问题出在color_map的配置格式不符合TinyMCE的要求。TinyMCE要求color_map中的每个颜色条目必须是包含两个字符串的二元数组:第一个元素是颜色的十六进制值,第二个是该颜色的显示标签(可以是自定义名称,也可以直接重复颜色值)。

你的原配置中直接使用了单值数组,TinyMCE会按两两分组的方式解析,导致第三个颜色被忽略,最终只显示2种颜色。

修正后的配置代码

修改TS文件中的color_map部分:

modules = {
    // 其他配置项保持不变
    color_map: [
      ['#FDECD9', '浅米色'],
      ['#FFDCDC', '浅粉色'],
      ['#E8E4E4', '浅灰色']
    ],
    // 其他配置项保持不变
};

如果不需要自定义颜色名称,也可以直接用颜色值作为标签:

color_map: [
  ['#FDECD9', '#FDECD9'],
  ['#FFDCDC', '#FFDCDC'],
  ['#E8E4E4', '#E8E4E4']
]

原理说明

TinyMCE的color_map通过二元数组来定义每个可选颜色的「值」和「显示文本」,只有符合这种格式的配置才能被正确解析,确保所有指定颜色都显示在backcolor的下拉面板中。

内容的提问来源于stack exchange,提问作者EndrIT

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.22 05:05:05