Markdown Editor（浏览器本地 markdown 查看与编辑工具）

Markdown Editor 是一款完全在浏览器本地运行的 markdown 查看与编辑工具，文件始终保留在本地设备上，不会被上传到任何服务器。产品提供实时分栏预览，支持编辑、分栏、纯预览三种视图切换，配合滚动同步，让用户在编写的同时即时查看排版效果。

核心功能

编辑器支持 GitHub 风格 markdown 语法，涵盖表格、任务列表、删除线、围栏代码块等常用扩展。代码块内嵌语法高亮，采用 GitHub 配色方案，深浅主题均能良好呈现。围栏代码区支持 Mermaid 图表渲染，图表风格跟随当前主题自动切换，无需手动干预。

产品支持 LaTeX 数学公式排版，行内公式（单美元符）和独立公式块（双美元符）均能正确渲染。LaTeX 内容在 markdown 解析前提前提取处理，公式内下划线、星号等特殊字符不会被误解析；代码片段中的美元符也会被正确保留，不触发公式渲染。

导出方面，产品支持将文档导出为自包含 HTML（所有样式字体内嵌，可离线查看）、PNG 图片（SVG 绘制到画布，最高支持两倍设备分辨率）、PDF（调用浏览器原生打印功能，文字保持可选择状态）。对 Mermaid 图表和表格，鼠标悬停即可单独下载为 SVG 或 CSV 格式。

技术实现

整个应用打包为单一自包含 HTML 文件（约 3.6 MB，传输体积约 1 MB），所有依赖库和字体以内联方式嵌入，无需服务器端渲染。用户可保存 HTML 到本地，从 file:// 协议打开完整运行，真正离线使用。

应用采用纯前端架构，DOM 净化处理（DOMPurify）确保渲染不可信 markdown 内容也不会产生 XSS 安全风险。草稿自动保存在 localStorage，页面刷新或崩溃后可完整恢复。编辑器支持安装为桌面 PWA 应用（Chrome/Edge），安装后双击任意 .md 文件可直接打开，保存操作直接写回原始文件路径，完美融入本地工作流。

构建流程极简：源码仅有 src/index.template.html 一个模板文件，运行 build.sh 脚本自动内联所有第三方依赖生成最终 index.html，无需 Node.js 生态或复杂工具链。

快速上手

第一步：浏览器打开 https://kingsbridge-consultancy.com/md-viewer/

第二步：将 .md、.markdown 或文本文件拖入页面，或点击 Open 选择文件

第三步：选择视图模式——编辑模式、分栏模式（左侧编辑右侧预览）或纯预览模式，体验实时渲染效果

第四步：编辑完成后点击保存。Chrome/Edge 直接写回原始文件；其他浏览器提供下载备份

适用人群

经常处理 markdown 文件的开发者和技术写作者，特别是 AI 辅助编程场景下需要安全私密查看编辑文档的用户；注重隐私、不希望将工作文档上传到第三方服务器的用户；需要在不同设备快速打开 markdown 文件进行查阅和修改的用户。