Markdown 编辑器
实时编写和预览 Markdown，即时渲染 HTML，无需登录。
✏ Markdown
👁 Preview
Welcome to Markdown Editor 🎉
This is a live preview Markdown editor with common syntax support.
Features
- ✅ Live rendered preview
- ✅ Toolbar for quick syntax insertion
- ✅ Word / character count
- ✅ One-click copy HTML
Code Example
const greet = (name) => `Hello, ${name}!`
console.log(greet('World'))
Quote
"Stay hungry, stay foolish." — Steve Jobs
Links
Visit ujiffy.dev to explore more tools.
How to Use
- 在左侧编辑面板中编写或粘贴 Markdown 内容。使用标准语法：标题（# ## ###）、粗体（**文字**）、斜体（*文字*）、链接、图片、代码块、表格和列表。
- 右侧预览面板会实时将 Markdown 渲染为整洁的 HTML——每次按键都会即时更新，您可以直观地看到内容的最终呈现效果。
- 一键复制渲染后的 HTML 输出，或导出原始 Markdown。可根据工作习惯在全屏编辑和分屏模式之间切换。
Frequently Asked Questions
- 编辑器支持哪些 Markdown 语法？
- 编辑器支持完整的 CommonMark 规范，包括标题、粗体、斜体、删除线、链接、图片、引用块、有序/无序列表、带语法高亮的代码块、表格、任务列表、水平分割线和自动链接。
- 可以查看原始 HTML 输出吗？
- 可以——预览面板以可视化方式展示渲染后的 HTML，一键复制按钮可获取原始 HTML 标记，直接粘贴到网站、CMS 或邮件模板中使用。
- 这和所见即所得（WYSIWYG）编辑器有什么不同？
- Markdown 编辑器将内容与格式分离——您用纯文本加简单语法编写，由编辑器负责渲染。这样内容具有可移植性，便于版本管理，不会绑定到特定平台。而 WYSIWYG 编辑器将格式直接嵌入内容，可能导致输出代码臃肿，跨平台复用困难。