Unable to use some features of <rich:editor> like forecolor,

[asingla4]

Hi,
I'm new to richFaces. Trying my hand on some components, I have come across rich:editor component. Based on TinyMce editor, it is a very neat and nice tool.

However, I'm unable to use the forecolor, preview and backcolor buttons in chrome and safari.

Please Help.
TIA

Akash

[asingla4]

Forgot to tell, I'm building a jsf project using facelets and richFaces 3.3.1.

I have use the following code in my xhtml



<h:panelGrid width="100%" columnClasses="column,column">
<h:panelGroup style="height:320px;width:400px;" layout="block">
<rich:editor configuration="#{editorBean.configuration}" value="#{homePanelBean.textValue}"/>
</h:panelGroup>
</h:panelGrid>



the configuration file has the following entries.

theme="advanced"
plugins="save,paste"
theme_advanced_buttons1="bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect"
theme_advanced_buttons2="pastetext,pasteword,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,code,preview,|,forecolor,backcolor,|"
theme_advanced_buttons3="hr,|,sub,sup,|,charmap,|,ltr,rtl"
theme_advanced_toolbar_location="top"
theme_advanced_toolbar_align="left"
theme_advanced_statusbar_location="bottom"
theme_advanced_resizing="true"

[ilya_shaikovsky]

repost please using [ c o d e ] (without spaces) tags. not readable.

[asingla4]

Hi, I've been able to use preview button now.

Simply added an empty css under content_css key in configuration file

Thanks.
Please help on rest.

[asingla4]

xhtml code

 <div style="width:30%; padding:3% 10% 3%; float: right;">
 <h:panelGrid width="100%" columnClasses="column,column">
 <h:panelGroup style="height:320px;width:400px;" layout="block">
 <rich:editor id="divEditor" configuration="#{editorBean.configuration}" value="#{homePanelBean.textValue}"/>
 </h:panelGroup>
 </h:panelGrid>
 </div>

Configuration file entries

theme="advanced"
plugins="save,paste, preview"
theme_advanced_buttons1="bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect"
theme_advanced_buttons2="pastetext,pasteword,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,code,preview,|,forecolor,backcolor,|"
theme_advanced_buttons3="hr,|,sub,sup,|,charmap,|,ltr,rtl"
theme_advanced_toolbar_location="top"
theme_advanced_toolbar_align="left"
theme_advanced_statusbar_location="bottom"
theme_advanced_resizing="true"
content_css="../stylesheets/test.css"