分屏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备忘。
输入 HTML/CSS/JS 代码,在隔离沙箱中即时渲染,支持控制台捕获。
上传图片,拖动滑块调整像素块大小,实时预览马赛克效果并导出为图片。
粘贴自定义图标字体的Unicode,调节尺寸颜色立即查看效果。
输入一个 Snowflake 格式的数字 ID,解析出生成时间戳、数据中心、机器编号和序列号。
通过Canvas生成不同粒度、颜色的噪点纹理图片,适合用作页面背景或叠加。
输入LaTeX表达式,即时渲染为美观的数学公式,可导出SVG或PNG,适合学术文档。
输入 Emmet 缩写,实时显示展开后的 HTML 结构,学习高级 Emmet 技巧。
拖拽添加状态和转换,定义事件和动作,生成 JavaScript 状态机代码。
用彩色小球串演示Git仓库的提交(commit)、创建分支(branch)和合并(merge)过程。
分别在主线程和 Worker 中使用 Canvas 执行密集绘制,对比 FPS 和主线程阻塞程度。
粘贴含有冲突标记的文件内容,左右对照选择保留版本,一键生成干净合并结果。
选择扩展类型(弹出、内容脚本、后台),生成完整的项目文件和 manifest.json。
显示当前页面所有资源的详细加载时序(DNS、连接、等待、接收),帮助优化。
选择标题和正文的网络字体或系统字体,即时预览搭配效果。
上传图片,调节块大小,生成马赛克风格图片,可下载。
编写 HTML 和 import map,在浏览器中直接导入裸标识符模块并执行。
输入代表情绪的关键词,自动匹配配色方案和字体样式,生成情绪板卡片。
选择基数大小与比例(如黄金比例),预览标题到正文字号层叠样式序列。
粘贴代码并选择高亮主题,将代码片段渲染为精美的PNG图片,便于社交媒体分享。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。
模拟两个分支修改同一文件产生的冲突标记,在编辑器中手动解决并提交,学习冲突处理。
输入最小/最大字体大小和视口范围,生成精确的 clamp() 值及回退方案。
选择视频的一个片段,生成几秒钟的 GIF 动图作为预览缩略图,可设置尺寸和帧率。
粘贴代码自动进行语法高亮显示,支持主流编程语言,生成带行号的HTML代码块,方便嵌入博客。
生成带有音频波形可视化、可点击跳转的可定制HTML音频播放器代码。