2012-03-02 84 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