Penna Markdown

浏览器端 Markdown 编辑 + 渲染套件：GFM 与 Penna 扩展，增量预览。

GitHub npm 文档打开编辑器

1. 语法演示

展示标准的 GitHub Flavored Markdown 语法效果。

Penna 的特有增强语法（如：高亮、行内属性、容器等）。

2. 测试

GFM 全量测试

依据 GFM Spec 进行的大规模用例验证面板。

3. 模块使用

全功能编辑器

默认加载 simple.md 语法全集；侧栏含 Options / AI / 自定义语法演示。

独立渲染器

接收 Markdown，渲染为带高亮、样式的 DOM，适合展示页。

转换器核心

Markdown 实时预览，展示 TransformerEngine parse + render 输出。

可视化查看 Markdown 解析出的内部节点结构。

浏览 docs/ 目录：左侧文件树、中间 Renderer 正文、右侧 TOC 目录。

4. 框架结合

在原生无框架环境下的极简集成示例。

在 Vue 组件生命周期内挂载使用的最佳实践。

以 React Hook 方式封装与集成的演示。