Theme
CKEditor
The toolbar attribute accepts a name or a config array. It's also possible to register a custom toolbar via the customConfig attribute and use the registered name in the toolbar attribute.
Source

<p:growl id="growl" showDetail="true" />
<pe:ckEditor id="editor" value="#{editorController.content}" toolbar="[['Cut','Copy','Paste','PasteText','PasteFromWord','-', 'Scayt'], '/', ['Undo', 'Redo']]" skin="office2013">
    <p:ajax event="save" listener="#{editorController.saveListener}" update="growl"/>
</pe:ckEditor>
            
Components and more
Documentation pe:ckEditor
Attributes (move mouse over the names to see data types)
Name Description
id Unique identifier of the component in a naming container.
rendered Boolean value to specify the rendering of the component, when set to false component will not be rendered.
binding An EL expression referring to a server side UIComponent instance in a backing bean.
widgetVar Name of the client side widget.
value Value of the component.
height Height of the editor. Default value: 200px.
width Width of the editor. Default value: 600px.
theme Theme of the editor.
skin Skin of the editor. Valid skins are: flat, icy_orange, kama, minimalist, moono-lisa, moono, Moono_blue, moonocolor, moono-dark, office2013.
toolbar The toolbar layout.
readonly Defines if the editor is readonly.
interfaceColor The color of the interface. For example: #33fc14.
language Default language is used in case no language is set using language option and the editor is not able to use the user language.
defaultLanguage This setting is used to set the CKEditor language. In case this option is not set, the editor will automatically try to load with user language if supported, otherwise the default language will be used.
contentsCss This setting specifies the CSS file to be used to apply style to the contents.
customConfig Path to a custom CKEditor js config file.
advancedContentFilter Defines if the CKEditor Advanced Content Filter is enabled or disabled. Default is true.
disableNativeSpellChecker By default, native browser spell check functionality is disabled in the editor. To enable it set this value to false. Default is true.
enterMode Sets the behavior of the Enter key. It also determines other behavior rules of the editor, like whether the
element is to be used as a paragraph separator when indenting text. Default is CKEDITOR.ENTER_P.
shiftEnterMode Sets the behavior of the Shift+Enter key. It also determines other behavior rules of the editor, like whether the
element is to be used as a paragraph separator when indenting text. Default is CKEDITOR.ENTER_BR.
font Default font to set the editor to such as 'Arial'. Default is null.
fontSize Default font size to set the editor to such as '12px'. Only used if Font is set.
tabindex The tab index to assign to the editor. If not given, no tab index will be assigned.
label A display name for this component.
inputmode HTML5 inputmode attribute for hinting at the type of data this control has for touch devices to display appropriate virtual keyboard.
converter An EL expression or a literal text that defines a converter for the component. When it's an EL expression, it's resolved to a converter instance. In case it's a static text, it must refer to a converter id.
required Marks component as required.
escape Defines if the content of the component should be escaped or not.
requiredMessage Message to display when required field validation fails.
converterMessage Message to display when conversion fails.
validatorMessage Message to display when validation fails.
validator A method expression referring to a method validationg the input.
onblur Client side callback to execute when input element loses focus.
onchange Client side callback to execute when input element loses focus and its value has been modified since gaining focus.
onclick Client side callback to execute when input element is clicked.
ondblclick Client side callback to execute when input element is double clicked.
onfocus Client side callback to execute when input element receives focus.
onkeydown Client side callback to execute when a key is pressed down over input element.
onkeyup Client side callback to execute when a key is released over input element.
onmousedown Client side callback to execute when a pointer input element is pressed down over input element.
onmousemove Client side callback to execute when a pointer input element is moved within input element.
onmouseout Client side callback to execute when a pointer input element is moved away from input element.
onmouseover Client side callback to execute when a pointer input element is moved onto input element.
onmouseup Client side callback to execute when a pointer input element is released over input element.
onwheel Client side callback to execute when the mouse wheel rolls up or down over an element.
onselect Client side callback to execute when text within input element is selected by user.
oncut Client side callback to execute when the user copies the content of an element.
oncopy Client side callback to execute when the user cuts the content of an element.
onpaste Client side callback to execute when the user pastes some content in an element.
oninput Client side callback to execute when an element gets user input.
oncontextmenu Client side callback to execute when a context menu is triggered.
oninvalid Client side callback to execute when an element is invalid.
onreset Client side callback to execute when the Reset button in a form is clicked.
onsearch Client side callback to execute when the user writes something in a search field.
ondrag Client side callback to execute when an element is dragged.
ondragend Client side callback to execute at the end of a drag operation.
ondragenter Client side callback to execute when an element has been dragged to a valid drop target.
ondragleave Client side callback to execute when an element leaves a valid drop target.
ondragover Client side callback to execute when an element is being dragged over a valid drop target.
ondragstart Client side callback to execute at the start of a drag operation.
ondrop Client side callback to execute when dragged element is being dropped.
onscroll Client side callback to execute when an element's scrollbar is being scrolled.
placeholder The placeholder attribute specifies a short hint that describes the expected value of an input field.
Events (move mouse over the names to see classes)
Name Description
savefired when the save button will be pressed
initializefired after the editor was successfully intialized
focusfired when the editor gets focus
blurfired when the editor loses focus
wysiwygModefired after switching to the wysiwyg mode
sourceModefired after switching to the source mode
dirtyfired once after the content has been changed; will be fired again after a change occurs if the editor gains focus after a blur
changefired if the content has been changed
PrimeFaces Extensions Showcase - © 2011-2021,PrimeFaces: 10.0.0,PrimeFaces Extensions: 10.0.5,JSF: Apache MyFaces JSF-2.3 Core API 2.3.9,Server: jetty/9.4.36.v20210114,Build time: 2021-08-28 16:46
occured!