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
相关产品推荐
相关产品推荐

