Plugin Markdown

npm install @object-ui/plugin-markdown

// Import once in your app entry point
import '@object-ui/plugin-markdown'
import type { MarkdownSchema } from '@object-ui/plugin-markdown'

// Use in schemas
const schema: MarkdownSchema = {
  type: 'markdown',
  content: '# Hello World\n\nThis is **markdown** text with [links](https://example.com).'
}

# H1 Header
## H2 Header
### H3 Header
#### H4 Header
##### H5 Header
###### H6 Header

**Bold text**
*Italic text*
~~Strikethrough~~
`Inline code`

[Link text](https://example.com)
![Alt text](https://example.com/image.jpg)

- Unordered item 1
- Unordered item 2
  - Nested item

1. Ordered item 1
2. Ordered item 2
   1. Nested ordered item

- [x] Completed task
- [ ] Incomplete task
- [ ] Another task

| Column 1 | Column 2 | Column 3 |
|----------|----------|----------|
| Cell 1   | Cell 2   | Cell 3   |
| Cell 4   | Cell 5   | Cell 6   |

```javascript
function hello() {
  console.log("Hello, World!");
}
```

> This is a blockquote
> It can span multiple lines

---
***
___

import type { MarkdownSchema } from '@object-ui/plugin-markdown'

const schema: MarkdownSchema = {
  type: 'markdown',
  content: '# My Document\n\nContent here...',
  className: 'prose prose-lg prose-slate dark:prose-invert max-w-none'
}

// Safe - HTML tags are sanitized
import type { MarkdownSchema } from '@object-ui/plugin-markdown'

const schema: MarkdownSchema = {
  type: 'markdown',
  content: '**Safe** markdown with <script>alert("XSS")</script>'
}
// The script tag will be removed in the output

import type { MarkdownSchema } from '@object-ui/plugin-markdown'

const markdownSchema: MarkdownSchema = {
  type: 'markdown',
  content: '# Hello TypeScript!'
}