Markdown文档元件

兼容性提醒：此作品只兼容Axure RP 9.0及以上版本，低版本软件无法使用。

1 元件概述

1.1 运行环境

元件版本：v3.0.0

兼容版本：Axure RP 9/10

作者：shileiye

最后更新：2026-04-13

1.2 更新记录

更新日期：2026-04-13  版本号：v3.0.0

更新内容：升级最新Markdown渲染引擎，支持更多MD语法，修复流程图，代码高亮等语法失效问题。

更新日期：2024-05-20  版本号：v2.0.1

更新内容：更新压缩包，之前如有一直在加载中，无法渲染显示的请使用Axure移除旧版原元件库后重新下载导入使用。

更新日期：2022-06-15  版本号：v2.0.0

更新内容：支持页面局部区块内容渲染及部分设置，增加PDR文档MD模版

更新日期：2022-05-25  版本号：v1.0.3

更新内容：改进资源加载策略，本地资源存在则完全离线使用，不存在则调用远程资源，确保文档正常显示

更新日期：2022-05-24  版本号：v1.0.2

更新内容：离线和在线版本共存，在线版无须导入资源文件，即装即用

更新日期：2022-05-23  版本号：v1.0.1

更新内容：配置离线版，不依赖网络运行

更新日期：2022-05-22  版本号：v1.0.0

更新内容：在线版发布

1.3 元件介绍

Markdown文档元件是为原型设计软件Axure RP输出显示Markdowm文档而制作的元件，利用该元件可让Axure RP设计的原型具备输出Markdown文档的能力，通过在原型中书写Markdown格式的文档自动渲染为美观易于阅读的网页文档。该元件基于Vditor编辑器制作，Markdowm文档支持输出大纲、数学公式、脑图、统计图、流程图、甘特图、时序图、五线谱、多媒体、语音阅读、标题锚点、代码高亮及复制、graphviz 渲染、plantumlUML 图、Emoji图标等元素，支持主流浏览器，对移动端友好，配合官方开发的Markdown编辑器简直不要太好用！元件实现了HTML代码块功能，如果懂点HTML，发挥想象力，理论上可以实现任何网页效果。比如用它来编写PRD、数据字典、接口文档？后续如果有需要的话可能会提供一些内容案例模版给大家，我一直在实践的一件事就是把那些乱七八糟的产品文档归到一份原型里，无论是Word文档、表格数据、脑图还是流程图，其实只要一份原型文档就可以了，对吧？反正这些年实践下来，每个项目一个RP文件，文档集中保存，管理和修改优化都非常便捷，AI时代来临，MD文档更是成为了事实上的文档标准，因此抽空更新了一版，希望这个元件能帮你发挥更广阔深远的作用。

1.4 语法支持

2 使用说明及案例

2.1 元件使用方法

1. 1. 离线资源导入：将下载压缩包里的DefaultSettings文件夹复制到Axure安装目录下（如：C:\Program Files\Axure\Axure RP 9），然后将元件库文件Markdown文档.rplib导入Axure RP元件库即可；
   2. 使用在线资源：将元件库文件Markdown文档.rplib导入Axure RP元件库即可；
   3. 使用：在Axure RP元件库选择Markdown文档后，从里面选择Markdown元件拖到画布中，将Markdown文本输入到元件markdown_text输入框中即可，注意，整页渲染每个页面有且只能有一个Markdown文档元件，区域渲染页面可以存在多个Markdown文档元件，可在元件的markdown_setting中继器中进行渲染模式、大纲、渲染区域高度自适应等部分设置，详细设置请参看remark字段说明；​
   4. 运行：资源导入本地则为离线版，无须依赖网络，完全离线使用。若未导入本地资源则自动加载网络资源，确保文档显示正常；
   5. 附注：Markdown整页渲染页面的样式是自动生成的，在Axure RP中除页面背景外，修改元件的大小、样式、颜色等样式并不会对其最终生成的效果产生影响，区域渲染可进行部分设置，但区域渲染出来的大纲虽然可以显示，但存在一些小问题，进行区域渲染的时候不建议展示大纲，后续有时间再进行完善；
   6. 其他：有建议或意见可与邮件沟通；