Hi,
The color picker does not have built-in support for color names because many people do not use English color names. However it would make sense to provide a default translate map so that people will be able to either use that map directly, or modify the map for their own customized solutions. We will look into that and hopefully can post a new build to include this feature soon.
If you wish to use named color for the editor, you may wish to consider using a simple drop down box on the toolbar instead of the full featured color picker. In order to implement this, you will need to right click the Editor in design view, then select Edit Template -> CustomHeaderTemplate. That would fill the header template with the default toolbar. You would then switch to the HTML view to edit the toolbar to include a custom drop down:
Code: HTML/ASPX
<eo:Editor .....>
.....
<CustomHeaderTemplate>
<eo:ToolBar ID="HeaderToolBar0" ....>
<Items>
....other toolbar buttons......
......
<eo:ToolBarItem Type="Custom" CommandName="Color">
<CustomItem>
<select id="colorDropDown"
onchange="onColorDropDownChanged()">
<option value="red">Red</option>
<option value="blue">Blue</option>
......other color options.....
</select>
</CustomItem>
</eo:ToolBarItem>
</Items>
.....
</eo:ToolBar>
....
</CustomHeaderTemplate>
....
</eo:Editor>
Note the custom ToolBarItem that includes a HTML select element for various colors.
Code: JavaScript
function onColorDropDownChanged()
{
//Get the selected color
var cb = document.getElementById("colorDropDown");
var color = cb.options[cb.selectedIndex].value;
//Get the editor object
var editor = eo_GetObject("Editor1");
//Set the selection's foreground color
editor.setStyle("color:" + color);
//You can also use the following code to set the selection's
//background color
//editor.setStyle("backgroundColor:" + color);
}
Hope this helps. We will post again once we added the color name table support.
Thanks