✍️

Markdown 预览

边写边看 Markdown 渲染效果，一键复制干净的 HTML。

Markdown 源文本

80 词 · 388 字符 · 2 H

预览

Hello, Markdown

Write on the left, see the rendered result on the right.

Why use it

Live preview as you type
inline code, tables and quotes
Copy the clean HTML when done

Everything runs in your browser — nothing is uploaded.

Feature	Supported
Tables	Yes
Code blocks	Yes

Paste your Markdown
Check the preview
Copy the HTML

输出

<h1 class="mt-6 mb-3 text-3xl font-extrabold text-white">Hello, Markdown</h1>
<p class="my-3 leading-relaxed text-gray-300">Write on the left, see the <strong class="font-bold text-white">rendered</strong> result on the right.</p>
<h2 class="mt-6 mb-3 text-2xl font-bold text-white">Why use it</h2>
<ul class="my-3 list-disc space-y-1 pl-6 text-gray-300"><li class="leading-relaxed">Live preview as you type</li><li class="leading-relaxed"><code class="rounded bg-black/50 px-1.5 py-0.5 font-mono text-[0.9em] text-emerald-300">inline code</code>, tables and quotes</li><li class="leading-relaxed">Copy the clean HTML when done</li></ul>
<blockquote class="my-4 border-l-4 border-indigo-400/50 bg-white/5 py-2 pl-4 text-gray-400 italic"><p class="my-3 leading-relaxed text-gray-300">Everything runs in your browser — nothing is uploaded.</p></blockquote>
<table class="my-4 w-full border-collapse text-sm"><thead><tr><th class="border border-white/10 bg-white/5 px-3 py-2 text-left font-semibold text-white" style="text-align:left">Feature</th><th class="border border-white/10 bg-white/5 px-3 py-2 text-left font-semibold text-white" style="text-align:left">Supported</th></tr></thead><tbody><tr><td class="border border-white/10 px-3 py-2 text-gray-300" style="text-align:left">Tables</td><td class="border border-white/10 px-3 py-2 text-gray-300" style="text-align:left">Yes</td></tr><tr><td class="border border-white/10 px-3 py-2 text-gray-300" style="text-align:left">Code blocks</td><td class="border border-white/10 px-3 py-2 text-gray-300" style="text-align:left">Yes</td></tr></tbody></table>
<ol class="my-3 list-decimal space-y-1 pl-6 text-gray-300"><li class="leading-relaxed">Paste your Markdown</li><li class="leading-relaxed">Check the preview</li><li class="leading-relaxed">Copy the HTML</li></ol>

关于这个工具

边写边看 Markdown 渲染效果，一键复制干净的 HTML。你的数据永远不会离开浏览器。纯本地处理，零等待。无账号、无付费墙、无水印。

使用方法

1
在输入框中输入或粘贴内容
2
选择选项，点击操作按钮
3
复制或下载结果，即刻完成！

常见问题

▸支持哪些 Markdown 语法？

标题、粗体斜体、删除线、行内代码、围栏代码块、有序与无序列表、引用、表格、链接、图片和分隔线，覆盖 GitHub README 中最常用的那部分语法。

▸导出的 HTML 能直接贴到网站上吗？

可以。源码里手写的 HTML 会被转义，javascript: 和 data: 链接会被过滤，输出的只有标准排版标签，样式可以自行覆盖。

▸能离线使用吗？草稿安全吗？