Editor - since v6.0.6

Editor is an input component with rich text editing features. Toolbar can be configured with custom controls.

* Deprecated, use TextEditor instead

Documentation
Content
<h:form>    
    <p:editor id="editor" widgetVar="editorWidget" value="#{editorView.text}" width="600" />
    
    <h:panelGrid columns="2" style="margin-top: 10px">
        <p:commandButton value="Submit" update="display" oncomplete="PF('dlg').show()" icon="pi pi-save" />
        
        <p:commandButton value="Clear" type="button" onclick="PF('editorWidget').clear();" icon="pi pi-times" />
    </h:panelGrid>
    
    <p:dialog header="Content" widgetVar="dlg" showEffect="fade" hideEffect="fade">
        <h:outputText id="display" value="#{editorView.text}" escape="false" />
    </p:dialog>     
</h:form>

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

nova-light Nova-Light
nova-dark Nova-Dark
nova-colored Nova-Colored
luna-blue Luna-Blue
luna-amber Luna-Amber
luna-green Luna-Green
luna-pink Luna-Pink
omega Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.