素材阁

Markdown 预览

Markdown 实时渲染预览,可复制 HTML,内容仅在本地处理,不会上传到任何服务器。

预览

使用说明

在左侧输入 Markdown,右侧实时渲染成 HTML 预览,并支持一键复制渲染后的 HTML 片段,方便直接粘进公众号、博客或模板;支持常用语法,所有解析都在浏览器本地完成,内容不会上传到服务器。

  1. 在上方点「填入示例」可以载入一段包含标题、列表、引用与代码块的样例,方便先看清渲染效果,再把它替换成自己的内容,样例内容可以直接改写。
  2. 在左侧「Markdown」框里输入或者粘贴内容,右侧预览会随着输入实时刷新,不需要再点渲染或更新按钮,左侧框支持多行,可一次处理一整篇。
  3. 支持标题、加粗与斜体、行内代码与代码块、链接、图片、无序与有序列表、引用、分隔线等常用语法,能满足日常写作排版,复杂语法会按普通文本显示。
  4. 点「复制 HTML」把渲染后的 HTML 片段放进剪贴板,可以直接粘进公众号编辑器、博客模板、邮件或富文本编辑器里使用,粘贴后再按目标平台微调样式。
  5. 点「清空」重置输入与预览。为保证安全,输入里的 HTML 标签会被转义成文本显示,不会作为标签执行,避免脚本影响页面,需要 HTML 效果请到目标编辑器处理。

常见问题

支持哪些 Markdown 语法?
覆盖写作常用的部分:六级标题、加粗与斜体、行内代码与代码块、链接与图片、无序与有序列表、引用、分隔线。复杂语法如表格、任务列表、脚注暂不支持,会在预览里按普通段落显示。
为什么我输入的 HTML 标签没有生效?
出于安全考虑,输入里的尖括号会被转义成文本显示,不会作为标签执行,这样可以避免误粘贴的脚本或样式影响页面。确实需要 HTML 效果时,请到目标编辑器里处理,复制出的片段也一样。
预览里的图片和链接能打开吗?
链接与图片只接受 http、https、mailto 或站内相对路径等安全地址,其他协议会被替换成无效链接。图片地址需要能被本机网络访问,否则预览里会显示为加载失败,但这不影响复制的 HTML 片段。
内容会被上传或保存吗?
不会。解析与渲染全部在浏览器本地完成,输入的 Markdown 与生成的 HTML 都不会发送到服务器,也不会被保存,可放心粘贴未发布的草稿;关闭或刷新页面后内容即失效。

延伸阅读

相关工具