功能说明
本工具用于在浏览器中实时预览 Markdown 文本的排版效果。Markdown 是一种轻量级标记语言,因语法简洁、易读易写,被广泛用于技术文档、博客写作、README 说明和笔记整理。您只需在左侧输入 Markdown 内容,右侧便会立即显示渲染后的标题、列表、代码、表格等效果,所见即所得,帮助您在发布前快速确认排版是否正确。
支持的语法
- 标题:使用
#到######表示一到六级标题。 - 文字样式:
**粗体**、*斜体*、~~删除线~~、`行内代码`。 - 段落与换行:空行分段,支持分割线
---。 - 列表:使用
-或*创建无序列表,数字加点创建有序列表。 - 引用:使用
>表示引用块。 - 代码块:使用三个反引号包裹的围栏代码块。
- 链接与图片:
[文字](网址)与。 - 表格:使用竖线和短横线绘制简单表格。
使用方法
- 在左侧输入框中粘贴或编写 Markdown 内容。
- 右侧会自动显示渲染后的排版效果。
- 点击“填入示例”可快速查看各种语法的渲染效果。
实现原理与安全
工具在浏览器端使用 JavaScript 逐行解析 Markdown。为降低跨站脚本风险,程序会先对原始文本中的 HTML 特殊字符进行转义,再依据 Markdown 语法规则生成对应的标签,因此正文中的脚本内容会被当作普通文本显示,而不会被执行。整个转换过程不依赖网络请求,输入内容不会离开本机。
注意事项
- 本工具面向常用 Markdown 语法,部分扩展语法(如脚注、数学公式、目录)可能不被支持。
- 生成的代码块默认不包含语法高亮,如需高亮可自行引入 Prism.js、highlight.js 等样式库。
- 图片需要填写可公开访问的图片地址才能正常显示。
- 转换结果仅供参考,正式发布前建议在目标环境中预览确认。