Forms v1.0.0

Rich Text Editor

A contenteditable rich text editor with toolbar for formatting text. Available in basic and full styles with different sets of formatting tools. Syncs content to a hidden input for form submission.

Basic

Essential formatting tools - bold, italic, underline, strikethrough, link, and lists

Options

Name Type Default Description
name * String required Name attribute for the hidden input (used in form submission)
value String "" Initial HTML content for the editor
placeholder String "Start writing..." Placeholder text shown when editor is empty
autofocus Boolean false Whether to focus the editor on page load
min_height String "200px" Minimum height of the editor area

Full

All basic tools plus headings, blockquote, code, horizontal rule, and image insertion

Options

Name Type Default Description
name * String required Name attribute for the hidden input (used in form submission)
value String "" Initial HTML content for the editor
placeholder String "Start writing..." Placeholder text shown when editor is empty
autofocus Boolean false Whether to focus the editor on page load
min_height String "200px" Minimum height of the editor area

Changelog v1.0.0

- v1.0.0: Initial release with basic and full styles
- Contenteditable editor with toolbar active state tracking
- Hidden input sync for form submission
- Link and image insertion via prompt dialogs

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now