arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
MarkdownEditor
Markdown Editor

A text area replacement for writing beautiful and understandable Markdown. EasyMDE allows users who may be less experienced with Markdown to use familiar toolbar buttons and shortcuts. In addition, the syntax is rendered while editing to clearly show the expected result. Headings are larger, emphasized words are italicized, links are underlined, etc. EasyMDE also features both built-in auto saving and spell checking. The editor is entirely customizable, from theming to toolbar buttons and javascript hooks.

Based on Easy MDE by Sparksuite, Inc, Jeroen Akkerman.

Components and more
Documentation pe:markdownEditor
Attributes (move mouse over the names to see data types)
Name Description
accesskeyAccess key to transfer focus to the input element.
allowBlocksWhether to allow blocks to be included when secure=true and the HTML is sanitized.Default is true.
allowFormattingWhether to allow formatting to be included when secure=true and the HTML is sanitized.Default is true.
allowImagesWhether to allow images to be included when secure=true and the HTML is sanitized.Default is true.
allowLinksWhether to allow links to be included when secure=true and the HTML is sanitized.Default is true.
allowMediaWhether to allow audio/video to be included when secure=true and the HTML is sanitized.Default is true.
allowStylesWhether to allow styles to be included when secure=true and the HTML is sanitized.Default is true.
allowTablesWhether to allow tables to be included when secure=true and the HTML is sanitized.Default is true.
ariaDescribedByIdentifies the element(s) that describe the object, enhancing accessibility.
bindingAn EL expression referring to a server side UIComponent instance in a backing bean.Default is generated.
colsDefines the number of columns in the text area.Default is 0.
converterEL expression resolves to a converter instance or literal converter ID defining a component converter.
converterMessageCustom message to display when conversion fails.
dirDirection indication for text that does not inherit directionality.Default is ltr.
disabledSpecifies that an element should be disabled.Default is false.
extenderThe extender to use for the editor.
idUnique identifier of the component in a namingContainer.Default is generated.
immediateWhen set true, process validations logic is executed at apply request values phase for this component.Default is false.
indentWithTabsIf set true, indent using tabs instead of spaces.Default is true.
inputmodeSpecifies the type of data expected in the input, aiding virtual keyboards.
labelA localized user presentable name.
langSpecifies the language of the element's content.
lineNumbersWhether to show line numbers.Default is false.
maxHeightMaximum height of the editor.
maxlengthDefines the maximum number of characters allowed in the input.Default is Integer.MIN_VALUE.
minHeightMinimum height of the editor.Default is 300px.
modeThe mode to use: 'wysiwyg', 'standard', etc.Default is wysiwyg.
onblurFires when an element loses focus.
onchangeFires when the value of an element has been changed.
onclickFires when a mouse click on the element.
oncontextmenuScript to execute when the context menu is triggered.
oncopyScript to execute when content is copied from the element.
oncutScript to execute when content is cut from the element.
ondblclickFires when a mouse double-click on the element.
ondragScript to execute when an element is dragged.
ondragendScript to execute at the end of a drag operation.
ondragenterScript to execute when a dragged element enters a valid drop target.
ondragleaveScript to execute when a dragged element leaves a valid drop target.
ondragoverScript to execute when a dragged element is over a valid drop target.
ondragstartScript to execute at the start of a drag operation.
ondropScript to execute when a dragged element is dropped.
onfocusFires when an element gets focus.
oninputScript to execute when the element receives user input.
oninvalidScript to execute when the element's value is invalid.
onkeydownFires when a user is pressing a key.
onkeypressFires when a user presses a key.
onkeyupFires when a user releases a key.
onmousedownFires when a mouse button is pressed down on an element.
onmousemoveFires when the mouse pointer is moving while it is over an element.
onmouseoutFires when the mouse pointer moves out of an element.
onmouseoverFires when the mouse pointer moves onto an element.
onmouseupFires when a mouse button is released over an element.
onpasteScript to execute when content is pasted into the element.
onresetScript to execute when the form is reset.
onscrollScript to execute when the element is scrolled.
onsearchScript to execute when a search is performed.
onselectScript to execute when text is selected.
onwheelScript to execute when the mouse wheel is used.
placeholderPlaceholder text shown when the editor is empty.
promptURLsWhether to prompt for URLs when inserting links.Default is false.
readonlySpecifies that an input field is read-only.Default is false.
renderedBoolean value to specify the rendering of the component, when set to false component will not be rendered.Default is true.
requiredMarks component as required.Default is false.
requiredMessageCustom message to display when the required validation fails.
roleDefines the role of the element for accessibility purposes.
rowsDefines the number of rows in the text area.Default is 0.
secureSecure the component with the HTML Sanitizer library on the classpath.Default is true.
sideBySideFullscreenWhether to use side-by-side fullscreen mode.Default is true.
styleSpecifies an inline CSS style for an element.
styleClassSpecifies one or more CSS class names for an element.
tabSizeThe width of a tab character.Default is 2.
tabindexSpecifies the tab order of an element.
titleSpecifies extra information about an element (displayed as a tooltip).
toolbarThe toolbar to use for the editor.
validatorA method expression referring to a method validating the input.
validatorMessageCustom message to display when validation fails.
valueValue of the component.
valueChangeListenerA method binding expression referring to a method for handling a valuchangeevent.
widgetVarName of the client side widget.
PrimeFaces Extensions Showcase - © 2011-2025,PrimeFaces: 16.0.0-SNAPSHOT,PrimeFaces Extensions: 16.0.0-SNAPSHOT,JSF: Apache MyFaces Core 4.0 - Impl 4.0.3,Server: Apache Tomcat (TomEE)/10.1.52 (10.1.4),Build time: 2026-03-08 21:04