# markdown

A plaintext HTML/markdown/kirbytext block. This is perfect to combine WYSIWYG content with custom HTML, Kirbytext or Markdown.

****

- Source: <https://github.com/getkirby/kirby/tree/5.5.3/config/blocks/markdown/>

****

## Preview

![](https://assets.getkirby.com/media/pages/docs/reference/panel/blocks/markdown/d651be60b1-1717846665/markdown-block.png?width=1416&height=600&enlarge=0)

## Default files

### Snippet

By default, Kirby uses the following snippet to render the markdown block:

```php
<?php /** @var \Kirby\Cms\Block $block */ ?>
<?= $block->text()->kt();

```

To overwrite [this default snippet](https://github.com/getkirby/kirby/tree/5.5.3/config/blocks/markdown/markdown.php), place your custom file in `/site/snippets/blocks/markdown.php`.

### Blueprint

By default, Kirby uses the following blueprint for the markdown block:

```yaml
name: field.blocks.markdown.name
icon: markdown
preview: markdown
wysiwyg: true
fields:
  text:
    label: field.blocks.markdown.label
    placeholder: field.blocks.markdown.placeholder
    type: textarea
    buttons: false
    font: monospace

```

To overwrite [this default blueprint](https://github.com/getkirby/kirby/tree/5.5.3/config/blocks/markdown/markdown.yml), place your custom file in `/site/blueprints/blocks/markdown.yml`.

### Vue component

[`kirby/src/components/Forms/Blocks/Types/Markdown.vue`](https://github.com/getkirby/kirby/blob/main/panel/src/components/Forms/Blocks/Types/Markdown.vue)