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

Question

Я создал пользовательское диалоговое окно CKEditor с полем списка выбора, которое позволяет пользователям выбирать из предопределенного списка из пяти значений цвета гексагона (так что я не хочу/нуждаюсь в полноцветный выбор цвета), которые используются в 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' 
    } 

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

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

Спасибо.

Answer 1

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