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'
  }

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

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

感谢。

Answer 1

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

在ckeditor对话框选择字段中将颜色显示为选项说明

1 个答案: