Editor Component

The Editor component provides foundational styling for a standard HTML <textarea>, keeping it visually consistent with the rest of Axiom01.

For rich-text behavior (WYSIWYG tools, formatting, embeds), integrate a third-party library such as CKEditor, TinyMCE, or Quill.

Live Example

Content Editor:

Note: this is a styled textarea. Rich text features require a third-party editor integration.

Usage Guidelines

Apply .editor-placeholder to the <textarea>.
Always provide an associated <label> for accessibility.
Initialize your chosen rich-text library on that textarea when needed.

Recommended Integrations

CKEditor
TinyMCE
Quill

Code Example

<label for="rich-text-editor">Content Editor:</label>
<textarea id="rich-text-editor" class="editor-placeholder" placeholder="Start writing your rich content here..."></textarea>
<p>Rich text features require a third-party editor integration.</p>