Primefaces editor in a dialog doesn't works

Question

I have a dialog to insert some fields, one of those is a p:editor which is displayed like it is disabled while it is not. A strange "true" string is displayed into the editor body. The code:

<p:dialog id="insertPanel" header="Inserisci" widgetVar="dlg1" appendToBody="true" modal="true">
  <h:form id="insertForm">
    <h:panelGrid columns="2">
      <h:outputLabel value="Nome: " for="name" />
      <p:inputText id="name" value="#{controller.name}" />
      <h:outputLabel value="Oggetto: " for="subject" />
      <p:inputText id="subject" value="#{controller.subject}" />
      <h:outputLabel value="Visibilità: " for="visibility" />
      <p:inputText id="visibility" value="#{controller.visibility}" />
      <h:outputLabel value="Testo: " for="text" />
      <p:editor id="text" value="#{controller.text}" width="600"/>
      <f:facet name="footer">
        <p:commandButton actionListener="#{controller.insert}" value="Inserisci" />
      </f:facet>
    </h:panelGrid>
  </h:form>
</p:dialog>

An image of the dialog that shows the problem:

As you can see the editor is like disabled and shows "true" into its body.

Answer 1

I solved this issue. I've just put update=":insertForm" into the commandButton that opens the dialog and it works.

<p:commandButton id="insertButton" value="Inserisci" oncomplete="dlg1.show();" update=":insertForm" />

Answer 2

Try adding showEffect="fade" to dialog component.