Online Markdown Editor - Live Preview & Conversion Tool

Markdown is a lightweight markup language for formatting text documents. Here's a quick example:

# Heading 1
## Heading 2

This is a paragraph with **bold** and *italic* text.

* Bullet point 1
* Bullet point 2

> This is a blockquote

Created by John Gruber in 2004, Markdown is now one of the world's most popular markup languages, used for:

• Documentation
• README files
• Blog posts
• Technical writing

A Markdown file uses the .md or .markdown extension and contains formatted text. Example structure:

# Project Name

## Description
This project does something awesome.

## Installation
```bash
npm install awesome-project

Features

1. Feature one
2. Feature two

Markdown files can be converted to:
- HTML for web pages
- PDF documents
- Documentation sites

Here are common text styling options:

# Heading 1
## Heading 2
### Heading 3

**Bold text** or __bold text__
*Italic text* or _italic text_
***Bold and italic***

~~Strikethrough text~~

`inline code`

```python
# Code block with syntax highlighting
def hello():
    print("Hello, World!")

Try these examples in our editor to see them in action.

Here's how to create various types of lists and tables:

# Unordered List
* Item 1
* Item 2
  * Subitem 2.1
  * Subitem 2.2

# Ordered List
1. First item
2. Second item
   1. Subitem 2.1
   2. Subitem 2.2

# Table
| Header 1 | Header 2 | Header 3 |
|----------|----------|----------|
| Cell 1   | Cell 2   | Cell 3   |
| Cell 4   | Cell 5   | Cell 6   |

Tables can be aligned using colons:

• :--- left align
• :---: center align
• ---: right align

Here's how to include links and images:

# Links
[Link text](https://example.com)
[Link with title](https://example.com "Title text")

# Images
![Alt text](image.jpg)
![Alt text](image.jpg "Image title")

# Reference-style Links
[Link 1][1]
[Link 2][2]

[1]: https://example.com
[2]: https://example.com/page2

You can also combine images and links:

[![Image alt text](image.jpg)](https://example.com)

Yes! You can mix HTML with Markdown. Here are some examples:

# Markdown with HTML

<div style="color: blue">
  This text is blue and contains **bold** markdown
</div>

<details>
<summary>Click to expand</summary>

* Markdown list inside HTML
* Another item
</details>

<table>
  <tr>
    <td>HTML table with **Markdown**</td>
  </tr>
</table>

Note: Some Markdown processors may have limitations on mixing HTML and Markdown.