javascript - 在 ckeditor 对话框选择字段中将颜色显示为选项描述

Question

我创建了一个自定义 CKEditor 对话框，其中包含一个选择列表字段，允许用户从 5 个十六进制颜色值的预定义列表中进行选择(所以我不想要/不需要一个完整的颜色选择器)，这些值用于插入 onOk 函数中的 HTML。目前，我使用颜色值的文本描述，如下所示:

  {
    type: 'select',
    id: 'donateButtonColor',
    label: 'Select the button background color',
    items: [['Mustard', 'C9920E'], ['Dark Blue', '002F87'], ['Green', '4A7628'], ['Orange', 'EE7624'], ['Light Blue', '009BDE']],
    default: 'C9920E'
  }

但是，为了便于使用，我想实际将颜色本身显示为值描述，这样列表将显示十六进制代码描述的颜色的小方 block ，而不是字符串形式的名称。

查看 documentation ，我看不出有什么方法可以使用字符串值以外的任何东西。有没有办法使用 HTML/CSS 显示描述，或者在这种情况下我是否仅限于字符串值？

谢谢。

Answer 1

对话框中使用的选择元素是普通的 HTML 选择元素。
为了实现您想要的效果，您必须在对话框中使用 HTML 字段，然后在该 HTML 中使用任何 HTML + CSS + Javascript 来实现所需的外观。