在 ckeditor 对话框 select 字段中显示颜色作为选项描述

Question

我创建了一个带有 select 列表字段的自定义 CKEditor 对话框，允许用户从预定义的 5 个十六进制颜色值列表中 select（所以我不 want/need 在 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'
  }

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

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

谢谢。

Answer 1

对话框中使用的 select 元素是正常的 HTML select 元素。
为了实现你想要的，你必须在对话框中使用 HTML 字段，然后在 HTML 中使用 HTML + CSS + Javascript 达到所需的外观。

在 ckeditor 对话框 select 字段中显示颜色作为选项描述

Display color as option description in ckeditor dialog select field

javascript

dialog

ckeditor

ckeditor4.x