Markdown 实时预览

这是一个功能强大的 Markdown 实时预览工具，支持实时渲染和语法高亮。

主要特性

• ✨ 实时预览 - 输入即渲染，无需等待
• 🎨 语法高亮 - 支持多种编程语言
• 📱 响应式设计 - 完美适配移动端和桌面端
• 🌙 暗黑模式 - 自动适配系统主题
• 📋 一键复制 - 快速分享内容

代码演示

JavaScript 示例

// 实时预览功能演示
function updatePreview(markdown) {
  const html = marked.parse(markdown);
  document.getElementById('preview').innerHTML = html;
}

// 监听输入变化
document.getElementById('input').addEventListener('input', (e) => {
  updatePreview(e.target.value);
});

Python 示例

# Markdown 处理示例
import markdown

def process_markdown(content):
    """处理 Markdown 内容"""
    html = markdown.markdown(
        content,
        extensions=['codehilite', 'tables', 'toc']
    )
    return html

# 使用示例
md_text = "# Hello World"
html_output = process_markdown(md_text)
print(html_output)

表格支持

功能	支持状态	说明
标题	✅	支持 H1-H6
列表	✅ 有序和无序	支持嵌套
链接	✅	自动识别
图片	✅	支持大小设置
代码块	✅	语法高亮
表格	✅	GitHub 风格

---

🎉 试试在左侧输入您的 Markdown 内容，右侧会实时显示渲染效果！