MDMarkdown 在线分屏编辑器Markdown Studio
欢迎使用 实用工具箱 在线 Markdown 编辑器
在浏览器中编写、预览和下载您的 Markdown 文档。
这是一个示例排版文档,展示编辑器的各项功能。您可以随意编辑、删除或替换以下内容。
快速上手与文本排版
编辑器支持常用的 Markdown 语法,以下是一些常用示例:
文本样式
- 粗体文本 使用
**双星号**或__双下划线__ - 斜体文本 使用
*单星号*或_单下划线_ 删除线使用~~波浪线~~- 高亮标记使用行内代码
console.log('实用工具箱')
多级标题展示
一级标题示例 (H1)
二级标题示例 (H2)
三级标题示例 (H3)
四级标题示例 (H4)
引用与引语
站在巨人的肩膀上。优秀的工具能让研发与排版事半功倍!
—— 实用工具箱 开发者工具箱
代码块与语言标签
// 快速复制富文本到剪贴板示例
async function copyRichText(htmlContent) {
const blob = new Blob([htmlContent], { type: 'text/html' });
const data = [new ClipboardItem({ 'text/html': blob })];
await navigator.clipboard.write(data);
console.log('公众号富文本复制成功!');
}结构化数据表格
| 工具名称 | 功能定位 | 支持导出 |
|---|---|---|
| Markdown 编辑器 | 写作与公众号排版 | ✅ 支持 |
| JSON 格式化校验 | 结构美化与树形视图 | ✅ 支持 |
| Base64 / 加解密 | 编码转化与安全散列 | ✅ 支持 |
待办任务清单
- ✓ 分屏双栏实时同步预览
- ✓ 微信公众号一键排版富文本复制
- ✓ 导出高质量卡片长图
- 享受极致的书写体验
工具说明与使用提示
工具说明
输入或打开 UTF-8 的 .md、.markdown、.txt 文件,实时查看排版。读取文件时去除开头的 BOM,将 CRLF、CR 换行统一为 LF。提供一级至三级标题、粗体、斜体、删除线、引用、代码块、无序与有序列表、待办清单、表格和分割线。按钮包装当前选区,没有选区时插入示例文字;光标停在文字后、闭合标记前。Ctrl/Command+B 和 Ctrl/Command+I 分别插入粗体和斜体,Tab 插入两个空格。双栏按滚动比例同步,两侧内容的具体行位置不一定一致。
采用 Marked 17.0.6 解析常用 Markdown 与 GFM 表格、删除线及任务列表,修正参考站代码占位符未还原和列表结构问题。原始 HTML 作为文字显示,不执行其中的脚本、事件、表单或样式。链接只允许 HTTP、HTTPS、mailto 和页内片段;危险协议显示为文字。不提供代码语法高亮、数学公式或 Mermaid 渲染,也不声明支持所有 Markdown 扩展。
支持内嵌的 PNG、JPEG、GIF、WebP Base64 图片,不加载 SVG Data URL 或其他图片协议。远程 HTTP/HTTPS 图片默认显示替代文字,勾选“加载远程图片”后才请求原地址;取消勾选停止显示远程图片。远程预览由浏览器绘制,可能包含 SVG;PNG 导出仅接受 PNG、JPEG、GIF、WebP,并将远程图片转换为内嵌数据。跨域不允许、图片格式不支持或图片过大时明确报错,不静默导出缺图文件。
排版、统计和导出
保留经典科技蓝、公众号墨绿、极简黑白、活力暖阳橙和优雅紫罗兰五种模板。复制富文本包含内联样式 HTML 和 Markdown 原文,能否保持全部样式取决于目标编辑器。HTML 导出包含独立页面和内联样式;Markdown 下载保留输入源码,不随模板改变。
图片在白底上以 800 CSS 像素宽排版,四周留白 36 像素,按 2 倍生成 PNG,宽 1600 像素。长图包含本站生成说明;为避免浏览器分配过大的画布,排版高度最多 8192 CSS 像素,超出时请缩短内容或使用 HTML、Markdown 导出。图片剪贴板不可用时自动下载 PNG,并给出实际操作提示。
“总字数”沿用参考的非空白 UTF-16 长度,包含 Markdown 标记,表情或增补汉字可能占两个单位;不是中文词数或可见正文字符数。行数按换行分隔,空输入为 0 行。阅读时间为 max(1, ceil(总字数 / 350)) 分钟,仅是粗略提示,空输入也显示 1 分钟。
数据来源与隐私
界面和操作来自 2026-10-04 的参考编辑器,解析配置遵循 Marked 官方扩展接口。本地保留所有主要操作,修正仅预览无法返回、手机控件溢出和暗色文字对比不足,保留本站品牌、说明及提示。
文件读取、解析、复制和导出在当前浏览器执行,不调用后端,不保存文档,不把输入写入 URL、浏览器存储或日志。打开文件不是上传;只有明确开启远程图片后才请求图片地址。运行错误日志仅包含错误类型。