Question

我正在使用YUI编辑器并遇到问题。特别是我想在有人选择forecolor时更改YUI工具栏forecolor按钮的样式。对于例如如果选择红色前景色，那么我希望红色背景应用于编辑器工具栏上的前景色按钮。

按钮： - { 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 );      
}
}

但颜色变化没有反映出来。有没有办法在从forecolor按钮选择颜色时更改样式（bg颜色或按钮阴影等）。

由于

Answer 1

yui编辑器forecolor按钮的id不是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

YUI编辑器工具栏按钮样式

1 个答案: