分屏Markdown编辑器 - 实时预览与导出
左侧输入Markdown,右侧实时渲染,支持导出HTML/PDF。
UD5工具箱
预览区域
Markdown 是一种轻量级标记语言,由 John Gruber 于 2004 年创建。它使用纯文本格式的语法,可以轻松转换为结构化的 HTML 文档。
核心优势:
| 效果 | 语法 |
|---|---|
| 加粗 | **文本** 或 __文本__ |
| 斜体 | *文本* 或 _文本_ |
~~文本~~ | |
| 标题 | # H1 ## H2 ### H3 |
| 链接 | [文字](网址) |
| 图片 |  |
| 行内代码 | `代码` |
| 代码块 | ```语言 ... ``` |
| 引用 | > 引用内容 |
| 无序列表 | - 项目 或 * 项目 |
| 有序列表 | 1. 项目 |
| 任务列表 | - [ ] 待办 - [x] 已完成 |
| 分割线 | --- 或 *** |
| 表格 | | 列1 | 列2 || --- | --- || 值1 | 值2 | |
本工具支持以下快捷键,帮助您快速格式化文本:
提示:选中文字后再按快捷键,可直接包裹选中的内容。
本工具使用 highlight.js 进行代码语法高亮,支持190+ 种编程语言,包括但不限于:
JavaScript、TypeScript、Python、Java、C/C++、C#、Go、Rust、Ruby、PHP、Swift、Kotlin、SQL、HTML、CSS、JSON、YAML、XML、Shell/Bash、Dockerfile、Markdown 等。
在代码块中指定语言即可自动高亮:```python 或 ```javascript。如不指定语言,工具会尝试自动识别。
自动保存:编辑内容会自动保存到浏览器的 localStorage 中,即使关闭页面或刷新浏览器,下次打开时内容仍会恢复。
手动备份建议:
注意:清除浏览器缓存或使用隐私模式可能导致自动保存的内容丢失。
左侧输入Markdown,右侧实时渲染,支持导出HTML/PDF。
将Markdown文本即时转换为HTML代码,实时预览样式,直接复制HTML用于网站发布。
使用双栏Markdown编写大纲,左侧编辑右侧全屏预览演示,支持键盘导航和PDF导出。
用Markdown分隔符分页,生成可在浏览器播放的简易HTML幻灯片。
左侧编写Markdown笔记,右侧可手绘涂鸦,将两者结合保存为快照或HTML备忘。
粘贴自定义图标字体的Unicode,调节尺寸颜色立即查看效果。
通过Canvas生成不同粒度、颜色的噪点纹理图片,适合用作页面背景或叠加。
输入LaTeX表达式,即时渲染为美观的数学公式,可导出SVG或PNG,适合学术文档。
用彩色小球串演示Git仓库的提交(commit)、创建分支(branch)和合并(merge)过程。
粘贴含有冲突标记的文件内容,左右对照选择保留版本,一键生成干净合并结果。
显示当前页面所有资源的详细加载时序(DNS、连接、等待、接收),帮助优化。
选择标题和正文的网络字体或系统字体,即时预览搭配效果。
上传图片,调节块大小,生成马赛克风格图片,可下载。
选择基数大小与比例(如黄金比例),预览标题到正文字号层叠样式序列。
粘贴代码并选择高亮主题,将代码片段渲染为精美的PNG图片,便于社交媒体分享。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。
模拟两个分支修改同一文件产生的冲突标记,在编辑器中手动解决并提交,学习冲突处理。
粘贴代码自动进行语法高亮显示,支持主流编程语言,生成带行号的HTML代码块,方便嵌入博客。
生成带有音频波形可视化、可点击跳转的可定制HTML音频播放器代码。
生成点击导航平滑滚动到对应Section并高亮当前菜单项的完整代码。
在图片上拖拽矩形区域,对该区域进行像素化处理,用于遮盖敏感信息,可调节方块大小。
对比 ES Module 和经典脚本的变量作用域、严格模式以及执行时机。
输入文字,选择闪烁、打字、彩虹等动态效果,生成文字动画GIF。
输入HTML/CSS/JS特性关键词,快速查看各浏览器版本支持情况,受@mdn/browser-compat-data驱动。
使用Web Audio PannerNode,在头顶环绕拖拽一个声源,体验声音在空间的移动。
上传图片随意摆放、缩放、旋转,创建个人愿景或情绪板。
选择算法并随机生成数组,以彩色条动画展示排序过程,帮助理解算法。
定义字段名称和类型(姓名、邮箱、数字范围等),批量生成符合规则的 JSON 模拟数据。
在图片上选定区域打马赛克,调整块大小,保护隐私部位或创造像素艺术,前端拖拽操作。
拖放创建状态和转换,标注事件与动作,导出为图片或 JSON 定义,用于软件设计。