HTML Editor

WYSIWYG rich text editor storing HTML in .value (toolbar formatting, links, images).

HTML tag: c-ed409ce4c45bf4118b79a1efbebb81853

When to use

• rich HTML body content in forms
• WYSIWYG mail or article text
• not plain text or source code

Props

Prop	Type	Default	Description
value	String	“
readonly	Boolean	false

Rules

• Bind .value to HTML string; readonly disables editing.
• blur fires when editor loses focus — sync value on blur if not two-way bound live.
• Not for source code (ab-code-editor) or plain text (ab-textarea).
• Large toolbar/parts for images, links, headings — avoid nesting inside cramped dialogs without height tokens.

Events

Event	Detail
blur

What to avoid

Do not use for JSON/code. Do not use ab-input for long formatted HTML. Do not expect value-changed — host documents blur.

Example

<c-ed409ce4c45bf4118b79a1efbebb81853 .value=${bodyHtml} .readonly=${false} @blur=${syncHtml}></c-ed409ce4c45bf4118b79a1efbebb81853>