Markdown Editor with Editable Preview

# ✨ A Markdown Editor with Superpowers! 🚀

### Synced Panes ⇔
As you type Markdown on the left, the preview pane on the right updates *instantly*. And thanks to the editable preview, changes you make directly in the HTML will update the Markdown source too! It's magic ✨

### Focus Mode 🔍
Want a distraction-free writing experience? Click the 🔍 icon to toggle focus mode, which hides the preview pane until you need it again. It's like zen mode for writing!

### Formatting Options
All the usual Markdown syntax works:

- **bold** and *italics*
- [links](https://en.wikipedia.org/wiki/Markdown) 
- `inline code`
-   
      ```js
      // Code blocks
      function helloWorld() {
        console.log("Hello World!");  
      }
      ```
> Blockquotes
  
Lists:
- Unordered
- Ordered:
  1. One
  2. Two
  3. Three

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
  
### 🖼️ Images

![Random Unsplash Image](https://source.unsplash.com/random/600x300)

### HTML & JavaScript
The editor also supports <abbr title="HyperText Markup Language">HTML</abbr> and <strong>JavaScript</strong>:

<p align="center">
  This paragraph is centered.
</p>

<button onclick="alert('Ooh, interactive!')">
  Click Me! 
</button>

### Export Options
You can export your pretty documents to:
- Markdown
- HTML
- PDF

Happy writing! 📝

Created with 💛 by [The WebSim Team](https://www.websim.ai).