Skip to main content
Menu

Markdown Editor

Write beautiful documentation

\"The best way to predict the future is to create it.\" - Peter Drucker\n\n---\n\nVisit [MutexAI](https://mutexai.com) for more tools.', preview: '', view: 'split', parseMarkdown(text) { // Simple markdown parser let html = text // Code blocks .replace(/```(\w+)?\n([\s\S]*?)```/g, '
$2
') // Inline code .replace(/`([^`]+)`/g, '$1') // Headers .replace(/^### (.*$)/gm, '

$1

') .replace(/^## (.*$)/gm, '

$1

') .replace(/^# (.*$)/gm, '

$1

') // Bold and italic .replace(/\*\*\*(.*?)\*\*\*/g, '$1') .replace(/\*\*(.*?)\*\*/g, '$1') .replace(/\*(.*?)\*/g, '$1') // Links .replace(/\[([^\]]+)\]\(([^)]+)\)/g, '$1') // Blockquotes .replace(/^> (.*$)/gm, '
$1
') // Horizontal rule .replace(/^---$/gm, '
') // Lists .replace(/^- (.*$)/gm, '
  • $1
  • ') // Paragraphs .replace(/\n\n/g, '

    ') .replace(/\n/g, '
    '); return '

    ' + html + '

    '; }, updatePreview() { this.preview = this.parseMarkdown(this.markdown); }, copy() { navigator.clipboard.writeText(this.markdown); } }" x-init="updatePreview()" class="flex-1 flex flex-col">
    Markdown
    Preview

    Quick Tips

    Live preview
    Syntax highlighting
    Table editor
    Image upload