时间戳

首页 > 解决方案 > 在 TinyMCE v5 中自定义前景色

tinymce - 在 TinyMCE v5 中自定义前景色

问题描述

在 TinyMCE v4.x 中，我们使用了textcolor添加了一个工具栏按钮来选择字体颜色的插件。使用textcolor_map配置属性，我们可以提供一组特定颜色。

TinyMCE v5 已将此功能移至默认代码中。我找不到任何关于是否以及如何自定义可用颜色的文档。

这在使用 textcolor 插件的小 v4 中有效，但在 v5 中无效：

textcolor_cols: 2,
textcolor_rows: 1,
textcolor_map: [
    '363E47', 'Black',
    'E74C3C', 'Red'
]

标签： tinymcetinymce-5

解决方案

这个功能在 TinyMCE 5 中仍然存在：

https://www.tiny.cloud/docs/configure/content-appearance/#color_map

例如：

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  toolbar: 'forecolor backcolor',
  color_map: [
    'FF0000', 'Red',
    'FFFF00', 'Yellow',
    '008000', 'Green',
    '0000FF', 'Blue'
  ]
});

这是一个有效的 TinyMCE 小提琴： https ://fiddle.tiny.cloud/bAhaab

推荐阅读