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

