2012-03-02 82 views
0

我正在使用YUI编辑器,并且遇到问题。 具体而言,我想在某人选择前景色时改变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颜色或按钮阴影等)。

感谢

回答

0

衣编辑前景色按钮的id是不是前景色,这就是为什么它不工作我猜。 尝试使用衣前景色按钮类,以确定它:

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