---
title: Example WYSIWYG site
---
# Welcome

- foo
- bar

  > abc
  
  bar

- baz

This is a test page for the mkdocs-live-wysiwyg-plugin.

```yaml title="Preview Example"
build: techdocs-preview.sh build # (1)
preview: techdocs-preview.sh # (2)
```

Another item

1. Foo

   ```
   some code
   ```

   1. Build the `site`.

      ```
      text content
      ```

      test

   2. Another

2. Launch a server on `http://127.0.0.1:8000/`.

This code block is 4-space indented.

    ls -a
    echo hello

Click **Edit** above to try the WYSIWYG editor.

## Checklist Support

The WYSIWYG editor supports markdown checklists (task lists). In Markdown mode, use:

- [ ] Unchecked item
- [x] Checked item
- [ ] Another unchecked item

In WYSIWYG mode, click a checkbox to toggle it. Press Enter in a checklist item to create a new empty checklist item (`- [ ]`).

## Admonition Support

The WYSIWYG editor supports MkDocs admonitions. In Markdown mode, use:

!!! note
    This is a note admonition.

    - [x] Item 1
    - [x] Item 2

Another

!!! warning "Custom Title"
    Admonitions with custom titles work too.

This shows you what it's like to be awesome!

# Test

!!! danger
    This is a note common in mkdocs.
