> Source: https://laravilt.com/docs/forms/media/markdown-editor

# MarkdownEditor

Markdown editor with live preview.

## Basic Usage

```php
<?php

use Laravilt\Forms\Components\MarkdownEditor;

MarkdownEditor::make('content')
    ->label('Content');
```

## Toolbar Configuration

```php
<?php

use Laravilt\Forms\Components\MarkdownEditor;

MarkdownEditor::make('readme')
    ->toolbarButtons([
        'bold', 'italic', 'strike',
        'link', 'heading', 'bulletList',
        'orderedList', 'codeBlock', 'table',
    ]);
```

## Height Configuration

```php
<?php

use Laravilt\Forms\Components\MarkdownEditor;

MarkdownEditor::make('documentation')
    ->minHeight(300);
```

## Vue Component

Uses Tiptap with markdown:

```vue
<script setup>
import { useEditor, EditorContent } from '@tiptap/vue-3'
// markdown output mode
</script>
```

## API Reference

| Method | Description |
|--------|-------------|
| `toolbarButtons()` | Set toolbar |
| `minHeight()` | Minimum height |