ReadonlyariaAccessible label forwarded to the editable region via
aria-label.
ReadonlydisabledWhether the editor is disabled (non-interactive).
ReadonlyemojiOptional custom emoji categories for the inline emoji picker. When not provided the picker uses the default comprehensive emoji set.
ReadonlyimageOptional callback for handling pasted images.
When provided, the function receives the pasted image File
and should return a Promise<string> resolving to a URL.
The URL is then inserted as an <img> (HTML mode) or
 (Markdown mode).
When not provided, pasted images are embedded inline as
base64 data: URIs.
Protected ReadonlyisWhether the emoji picker dropdown is open.
Protected ReadonlyisWhether the editor area is currently focused.
Protected ReadonlyisWhether the placeholder picker dropdown is open.
Protected ReadonlyisWhether the editor is in raw source editing mode.
ReadonlymaxOptional maximum character count. When set, a character counter is shown below the editor. The count is based on the plain-text length of the content (HTML tags and Markdown syntax are excluded).
A value of 0 or undefined disables the limit.
ReadonlymodeEditing mode.
'html' — WYSIWYG editing (default)'markdown' — Markdown source editing with live previewReadonlyplaceholderPlaceholder text shown when the editor is empty.
ReadonlyplaceholderFired when a placeholder chip is inserted.
ReadonlyplaceholdersAvailable placeholder definitions. When non-empty a placeholder picker appears in the toolbar.
Protected ReadonlyplaceholderSearch term for filtering the placeholder picker.
ReadonlyreadonlyWhether the editor is read-only (content visible but not editable).
ReadonlysanitiseWhether to sanitise HTML content before rendering.
When true (default) the editor strips dangerous elements
(<script>, <iframe>, etc.), on* event handlers,
javascript: URIs, and style attributes from all content
— whether pasted, set via value(), or typed in source mode.
Set to false to allow arbitrary HTML. Only disable this
for trusted users/roles (e.g. developers crafting
bookmarklets or embed snippets).
ReadonlytoolbarWhich formatting actions to show in the toolbar. Defaults to DEFAULT_TOOLBAR_ACTIONS.
Protected ReadonlytoolbarResolved toolbar button metadata from the actions list.
ReadonlyvalueContent of the editor. Two-way bindable via [(value)].
In HTML mode this is an HTML string. In Markdown mode this
is a Markdown string. Placeholder chips are serialised as
{{key}} tokens in both modes.
ProtectedexecOptionalanchorEl: ElementA callback method that is invoked immediately after Angular has completed initialization of a component's view. It is invoked only once when the view is instantiated.
A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.
Rich-text editor supporting basic formatting and placeholder insertion.
Supports two editing modes controlled by the
modeinput:'html'(default) — WYSIWYG editing with a nativecontenteditablediv anddocument.execCommandfor formatting. Content is stored as HTML.'markdown'— Plain-text Markdown editing in a<textarea>with a live HTML preview below. Formatting actions insert Markdown syntax. Content is stored as Markdown.Placeholders are template variables (e.g.
{{firstName}}) rendered as non-editable inline chips. In the serialised output they appear as{{key}}tokens that a downstream template engine can resolve.The editor exposes its content as a two-way
[(value)]binding.Example