Отображать цвет как описание опции в поле выбора диалога ckeditor

Question

Я создал собственный диалог CKEditor с полем списка выбора, который позволяет пользователям выбирать из предопределенного списка из 5 шестнадцатеричных значений цвета (поэтому я не хочу / не нуждаюсь в полномасштабном палитре цветов), которые используются в HTML, который вставлен в функцию onOk. Сейчас я использую текстовое описание значений цвета, вот так:

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

Но для простоты использования я бы хотел отобразить сам цвет в качестве описания значения, чтобы вместо имени в виде строки в списке отображался маленький квадрат цвета, описанного шестнадцатеричным кодом.

Просматривая документацию, я не вижу никакого способа использовать что-либо кроме строкового значения. Есть ли способ отобразить описание, используя HTML/CSS, или я ограничен строковыми значениями в этом случае?

Благодарю.

Answer 1

Элементы выбора, используемые в диалогах, являются обычными элементами выбора HTML.
Чтобы добиться того, чего вы хотите, вы должны будете использовать вместо поля HTML в диалоговом окне, а затем использовать в этом HTML любой HTML + CSS + Javascript, который обеспечивает желаемый вид.