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

TinyMCE弹窗颜色选择器color_cols设置无效,求解决方法

TinyMCE color_cols配置无效的解决办法

你遇到的color_cols参数不生效问题,通常由以下两个原因导致:

  • 版本兼容性问题:color_cols是TinyMCE 5.0及以上版本才支持的配置项,若你使用4.x或更早版本,该参数不会起作用,请先确认你的TinyMCE版本。

  • 配置层级错误:部分版本中,color_cols需要嵌套在color_picker_settings对象中,而非直接放在初始化根配置里。

修正后的配置代码如下:

tinymce.init({
    selector: `#myTextarea`,
    promotion: false,
    menubar: false,
    statusbar: false,
    toolbar: 'fontfamily fontsize | bold italic underline | forecolor backcolor ', 
    color_picker_settings: {
        color_cols: 5
    },
    color_map: [
        "000000", "Black",
        "434343", "Dove Gray",
        "666666", "Gray",
        "999999", "Spanish Gray",
        "b7b7b7", "Gray (X11)",
        "cccccc", "Light Gray",
        "d9d9d9", "Gainsboro",
        // 剩余颜色...
    ]
});

注意:当color_map中的颜色总数无法被设置的color_cols整除时,最后一行的颜色数量会少于列数,这属于正常现象。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.16 02:12:50