rich:editor (4.5.10) skin and preview not working

[arnieaustin]

I added the editor into a panel that will display the configured help text for a given page via:

<rich:collapsiblePanel expanded="false" switchType="client" >

    <f:facet name="headerCollapsed"><h:outputText value="#{messages.getString('application.helpPanel.title.collapsed')}" /></f:facet>

    <f:facet name="headerExpanded"><h:outputText value="#{messages.getString('application.helpPanel.title.expanded')}" /></f:facet>

    <rich:editor id="helpPageContentView" value="#{helpPanelUtility.pageContent}"

        toolbar="custom" readonly="true" style="resize:both;width:100% !important;" >

        <f:facet name="config">toolbar_custom: [{ name: 'document', items : [ 'Preview' ] }]</f:facet>

    </rich:editor>

</rich:collapsiblePanel>

Initially, the preview worked as expected. But now, it has stopped working. Even on the other page, where one edits the help text, the other buttons work, but not preview.

Additionally, it displays with the moono skin by default, not richfaces. When I add skin=richfaces, the entire control doesn't even render. <nice/>

Anybody have any idea as to what is going on? I upgraded RF from 4.5.6 to .10 hoping it would be fixed to no avail.

[arnieaustin]

I thought it might be helpful if you knew the mediaOutput is on a tab page. See the screen shot.

So it is several containers deep, including two forms (form around the rich:tabPanel control since it now needs it) and one for each tab's content.

[michpetrov]

You cannot have nested forms on your page.

[arnieaustin]

Granted, it isn't advised, but apparently works.

[michpetrov]

It won't always; nested forms are not valid in HTML much less in JSF.

[arnieaustin]

Removed the forms and moved one of the ui:includes to above the parent form (tab panel file). Things started working.