📖 在线Markdown编辑器:专注写作,实时预览
Markdown 是程序员、技术写作者、内容创作者最流行的轻量级标记语言。ng.cc提供的在线Markdown编辑器采用双栏实时预览模式,左侧编辑、右侧渲染,输入即所见。支持标题、加粗、斜体、代码块、表格、链接、图片、引用、列表等完整语法,内置一键导出HTML功能。所有内容自动保存至本地,关闭浏览器不丢失,无需登录,完全免费。
⚡ 实时预览
输入即时渲染,无需手动刷新。右侧预览区完全模拟最终HTML效果,写作体验流畅。
📦 一键导出HTML
将Markdown转换为完整的HTML文档,包含样式表,可直接发布为网页或复制到博客后台。
💾 本地自动保存
每30秒自动保存内容到浏览器LocalStorage,关闭页面、意外刷新后内容依然存在。
🔒 隐私安全
纯前端工具,您的文档不会上传至任何服务器。适合撰写技术方案、API文档、面试笔记等敏感内容。
🎯 为什么选择Markdown?
- 📚 技术文档:GitHub README、技术博客、API文档的事实标准,语法简洁,版本控制友好。
- 📝 写作笔记:专注内容而非排版,导出为HTML后自动生成整洁样式。
- 💬 论坛发帖:Reddit、Stack Overflow、知乎均支持Markdown语法快速格式化。
- 📧 邮件编辑:使用Markdown撰写邮件,转为HTML发送,兼容性好。
💡 Markdown 语法速查
- 标题:
# H1、## H2、### H3(共6级)
- 加粗:
**粗体** → 粗体
- 斜体:
*斜体* → 斜体
- 行内代码:
`代码` → 代码
- 代码块:
```javascript\n代码\n``` → 语法高亮代码块
- 无序列表:
- 项目 或 * 项目
- 有序列表:
1. 第一项
- 链接:
[文字](https://url) → 链接
- 图片:
 → 内嵌图片
- 引用:
> 引用内容 → 块级引用
- 分割线:
--- 或 ***
- 表格:
|列1|列2| 格式
❓ 常见问题解答
❓ Q1:支持GFM (GitHub Flavored Markdown) 吗?
本工具支持标准Markdown语法以及GFM扩展,包括表格、任务列表、删除线、代码块语法高亮等。与GitHub README渲染效果高度一致,适合撰写项目文档。
❓ Q2:导出HTML后样式丢失怎么办?
我们生成的HTML文件内嵌了完整的CSS样式表,包含字体、边距、代码块样式、表格样式等。导出后的文件是独立的,在任何浏览器打开均可保持一致的视觉效果。您也可以自定义修改<style>区块中的样式。
❓ Q3:支持数学公式 (LaTeX) 吗?
目前版本专注于标准Markdown语法。数学公式支持(如$E=mc^2$)需要集成MathJax或KaTeX,我们计划在2.0版本中增加此功能。目前您可以使用<img>标签插入公式截图。
❓ Q4:文档会泄露吗?
绝对不会。 本工具是纯静态HTML页面,没有后端服务器,没有数据库。您的文档内容仅存在于您浏览器的内存和LocalStorage中。您可以断开网络测试,工具依然完整工作。这是与各类云端Markdown笔记工具最大的区别。
❓ Q5:可以导入已有的Markdown文件吗?
您可以直接将.md文件拖入编辑器,或将文件内容复制粘贴到编辑区。本工具暂未提供文件上传按钮,但我们推荐使用复制粘贴的方式,这是最安全、最快速的导入方法。
❓ Q6:支持导出PDF吗?
您可以将导出的HTML文件使用浏览器「打印」功能(Ctrl+P),选择「另存为PDF」,即可获得排版精美的PDF文档。这是目前跨平台兼容性最好的方案。
🔗 关联工具推荐
本工具是ng.cc开发者工具箱设计/写作系列的一员,您可能还需要:
⚡ 所有处理均在浏览器本地完成,您的文档不会离开这台电脑。