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 文档link：https://ckeditor.com/docs/ckeditor5/latest/api/module_font_fontcolor-FontColorConfig.html

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

CKEditor 5 - how to tell it to not generate colors using "hsl()" so I can use it for email content

ckeditor