CKEditor 5 - 如何告诉它不要使用 "hsl()"生成颜色以便我可以将它用于电子邮件内容

Question

我使用的是 CKEditor v5，因此用户可以编辑一些文本，这些文本将包含在电子邮件中，而这些文本必须由 Outlook 电子邮件客户端读取。

当 CKEditor 设置某些文本的颜色时，Outlook 似乎不喜欢 CKEditor 生成的颜色样式: <span style="color:hsl(0, 75%, 60%);">red text</span>

Outlook 客户端忽略颜色样式并正常呈现文本。

我如何告诉 CKEditor 使用旧的颜色样式，例如: <span style="color:#ff1a1a;">red text</span>

Answer 1

您可以提供 fontColor 配置以使用 RGB Hexcode 而不是 HSL，如下面的 ckeditor.js 文件

Editor.defaultConfig = {
  toolbar: {
    items: ["heading", "bold", "italic", "link"],
    shouldNotGroupWhenFull: false,
  },
  fontSize: {
    options: [9, 11, 13, "default", 17, 19, 21],
  },
  fontColor: {
    colors: [{
        color: '#E64C4C',
        label: 'Red'
      },
      {
        color: '#E6994C',
        label: 'Orange'
      },
      {
        color: '#E6E64C',
        label: 'Yellow'
      },
    ]
  },
  // This value must be kept in sync with the language defined in webpack.config.js.
  language: "en",
};

CK Editor 5 文档链接:https://ckeditor.com/docs/ckeditor5/latest/api/module_font_fontcolor-FontColorConfig.html