ckeditorダイアログの選択フィールドにオプションの説明として色を表示

Question

私は5つの16進数のカラー値から事前に定義されたリストから選択できる選択リストフィールドを持つカスタムCKEditorダイアログを作成しました。フルカラーのカラーピッカー）を使用して、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' 
    } 

しかし、使いやすさのために、私はその代わりのように、実際には、値の記述として、色自体を表示したいと思います文字列としての名前の場合、リストは16進コードで記述された小さな色の四角形を表示します。

documentationを見ると、文字列値以外は使用できません。 HTML/CSSを使用して説明を表示する方法はありますか、この場合は文字列値に限定しますか？

ありがとうございました。

Answer 1

ダイアログで使用される選択要素は、通常のHTML選択要素です。
あなたが望むものを実現するためには、代わりにダイアログのHTMLフィールドを使用し、そのHTMLにHTML + CSS + Javascriptを使用して目的の外観を実現する必要があります。