Markdown Editor

A markdown editor component that provides a What You See Is What You Get interface for creating and editing markdown content with live preview capabilities.

Basic Markdown Editor

The Markdown editor can be created by calling the UI::markdownEditor() method with a unique identifier.

Preview Code
php

Editor with Placeholder

A placeholder text can be added using the placeholder() method.

Preview Code
php

Vertical Preview Style

Set the preview style to vertical for side-by-side editing and preview.

Preview Code
php

Disabled Editor

The editor can be disabled using the disabled() method.

Preview Code
php
Preview Styles
The Markdown Editor component supports different preview styles.
  • tab: Shows editor and preview in separate tabs (default)
  • vertical: Shows editor and preview side by side

API

The Markdown editor component extends from HtmlElement so it has all its methods available.
API PHP
API JS

Status

The Markdown Editor component is currently in active development. Features and API are stable.