在线演示

在下方直接输入 Markdown;也可点击工具栏的 `Img` / `Imgs` 上传图片。右侧为实时预览。官方演示地址mdeditor.youyacao.com

面向 Markdown 的轻量 SDK

`youyacao-md-editor` 是一个专属于 Markdown 格式的编辑器 SDK:在编辑区输入 Markdown,右侧实时预览为安全渲染后的 HTML,并提供插入/包裹命令以提升写作效率。

设计目标参考了 yeditor 的「轻量、易集成、开箱即用」方向:你只需要引入 `dist/` 里的 CSS 和 UMD JS,就能把编辑器嵌入到任意页面。

当前 MVP 包含这些能力

实时预览 textarea 编辑时自动刷新预览
安全渲染 预览会进行 HTML 转义与 URL 协议白名单校验
光标/选区保持 使用工具命令插入时会尽量回到合适位置
滚动同步 编辑区滚动会同步预览滚动
图片/链接插入 内置命令生成对应 Markdown 语法
可调用 API 支持 `getValue / setValue / exec / onChange / destroy`