Стиль кнопок панели инструментов редактора YUI

Question

Я работаю с редактором YUI и застрял в проблеме. В частности, я хочу изменить стиль кнопки переднего цвета панели инструментов YUI всякий раз, когда кто-то выбирает передний цвет. Например, если выбрать красный цвет переднего плана, тогда я хочу, чтобы красный цвет был применен к кнопке переднего цвета на панели инструментов редактора.

Кнопка: - { type: 'color', label: 'Font Color', value: 'forecolor' ,id:'forecolor',disabled:false}

Я пытаюсь: -

editor.toolbar.on('colorPickerClicked', function (o2)
{
if (o2.button == 'forecolor') 
{
//alert(o2.button+'The selected color was: #'+o2.color);
YAHOO.util.Dom.setStyle('forecolor', 'background-color','#'+o2.color );      
}
}

Но изменения цвета не отражаются. Есть ли способ изменить стиль (bg-цвет или тень кнопки и т. Д.) При выборе цвета из кнопки переднего цвета.

Спасибо

Answer 1

Идентификатор кнопки forecolor редактора yui не является forecolor, поэтому, я думаю, он не работает. Попробуйте использовать класс кнопок yui forecolor, чтобы определить его:

editor.toolbar.on('colorPickerClicked', function (o2)
{
   if (o2.button == 'forecolor') 
   {
       YAHOO.util.Dom.setStyle(YAHOO.util.Dom.getElementsByClassName(
              'yui-toolbar-forecolor'), 'background-color','#'+o2.color );      
   }
}

или вы можете использовать forcolor id кнопки: editor_toolbar_forecolor_menu