Homepage
CKEditor
CKEditor is a text editor to be used inside web pages. It's a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice.
Components and more
Use Cases
Documentation pe:ckEditor
Attributes (move mouse over the names to see data types)
Name Description
idUnique 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.
bindingAn EL expression referring to a server side UIComponent instance in a backing bean.
widgetVarName of the client side widget.
valueValue of the component.
heightHeight of the editor. Default value: 200px.
widthWidth of the editor. Default value: 600px.
themeTheme of the editor.
skinSkin of the editor. Valid skins are: kama and moono.
toolbarThe toolbar layout.
readonlyDefines if the editor is readonly.
interfaceColorThe 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.
contentsCssThis setting specifies the CSS file to be used to apply style to the contents.
customConfigPath to a custom CKEditor js config file.
tabindexThe tab index to assign to the editor. If not given, no tab index will be assigned.
labelA display name for this component.
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.
requiredMarks component as required.
escapeDefines if the content of the component should be escaped or not.
requiredMessageMessage to display when required field validation fails.
converterMessageMessage to display when conversion fails.
validatorMessageMessage to display when validation fails.
validatorA method expression referring to a method validationg the input.
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-2014, PrimeFaces: 6.0, PrimeFaces Extensions: 6.0.0, JSF: mojarra 2.2.8, Server: jetty/9.4.2.v20170220, Build time: 2016-06-08 22:55
Theme
afterdark
afternoon
afterwork
aristo
black-tie
blitzer
bluesky
bootstrap
casablanca
cruze
cupertino
dark-hive
delta
dot-luv
eggplant
excite-bike
flick
glass-x
home
hot-sneaks
humanity
le-frog
midnight
mint-choc
omega
overcast
pepper-grinder
redmond
rocket
sam
smoothness
south-street
start
sunny
swanky-purse
trontastic
ui-darkness
ui-lightness
vader
occured!
Message:
Timestamp:
StackTrace:
Developers
Thomas Andraschko andraschko.thomas@gmail.com
Oleg Varaksin ovaraksin@googlemail.com
Nilesh Namdeo Mali nileshmali86@gmail.com
Mauricio Fenoglio fenoglio.mauricio@gmail.com
Pavol Slaný pavol.slany@gmail.com
Sudheer Jonna sudheer.jonna@gmail.com