需先将processon文件设为公开分享，再通过分享面板获取/embed/开头的iframe代码或链接嵌入网页；若显示“文档不存在”，应检查是否误用/diagram/等非embed链接。
如果您希望在网页或博客中展示 ProcessOn 制作的流程图、思维导图等图表，需通过公开分享并获取嵌入代码实现。以下是具体操作步骤：
一、开启文件公开分享
嵌入网页的前提是该 ProcessOn 文件已设置为公开可访问状态，否则第三方网站无法加载内容。未开启分享将导致嵌入后显示“文档不存在或无权限访问”。
1、在 ProcessOn 网页端登录账号，进入个人文件夹。
2、找到目标图表文件，鼠标悬停其上，点击右侧出现的三点图标，打开操作菜单。
3、选择分享选项，进入分享设置面板。
4、勾选公开分享，并确认开关处于开启状态。
5、可选：为链接设置访问密码或有效期，增强内容可控性。
二、获取嵌入代码（推荐方式）
嵌入代码以 iframe 标签形式提供，兼容性高，能确保图表在多数网页环境中正常渲染与交互。
1、在已开启公开分享的文件分享面板中，找到并点击嵌入其他站点区域。
2、系统自动生成一段 HTML 代码，形如<iframe src="https://www.processon.com/embed/..." width="100%" height="600" frameborder="0"></iframe>。
3、点击复制按钮，将整段代码复制到剪贴板。
4、将该代码粘贴至目标网页的 HTML 源码中所需位置即可生效。
三、使用嵌入链接（简化方式）
若仅需快速预览或临时嵌入，可直接使用 ProcessOn 提供的 embed 域名链接，配合支持 URL 嵌入的平台（如部分 CMS 或低代码工具）。
1、在分享面板的嵌入其他站点区域，定位到链接字段。
ProcessOn官方研发的一键生成精美可编辑的流程图、泳道图、时序图 、架构图、ER图、组织结构图、时间轴、信息图等可视化图表的快速绘制图表工具，支持mermaid数据直接绘制。 可一键将自然语言转化为精美且可编辑的 ProcessOn 专业可视化图表。当你需要“自动画图”、“在线制作流程图”、“可视化业务流程”或“生成系统架构”时即可完美触发。本绘图工具全面支持生成多种在线图形：流程图（含业务流程图、泳道图与标准流程）、时序图（系统交互与API调用顺序）、软件架构图（云架构与系统模块划分）、ER图（数
2、该链接格式为 https://www.processon.com/embed/xxxxxxxxx，其中末尾为唯一标识符。
3、复制此链接，粘贴至支持“嵌入 Web 部件”或“插入外部网址”的编辑器中。
4、保存后刷新页面，图表将以只读形式加载。
四、验证嵌入效果
嵌入成功与否取决于链接有效性、域名白名单策略及目标网页的 CSP（内容安全策略）设置。部分企业内网或严格限制 iframe 的站点可能拦截加载。
1、在目标网页发布前，先于本地 HTML 文件中新建测试页面，粘贴嵌入代码并用浏览器打开。
2、检查是否显示完整图表界面，且支持缩放、拖拽等基础交互功能。
3、若出现空白或报错，右键检查元素，确认 iframe 的 src 地址是否以 https://www.processon.com/embed/ 开头且无拼写错误。
4、如仍失败，返回 ProcessOn 分享面板，重新关闭再开启一次公开分享，强制刷新嵌入配置缓存。
五、处理“文档不存在或无权限访问”提示
该提示表明嵌入所用链接不符合 ProcessOn 的嵌入规范，常见于误用普通查看链接而非 embed 链接。
1、核对当前使用的链接是否包含 /embed/ 路径，而非 /diagram/ 或 /m/ 等路径。
2、登录 ProcessOn 后，手动访问该 embed 链接，确认能正常打开图表页面。
3、若访问 embed 链接时仍提示权限错误，说明文件虽已公开分享，但未启用嵌入权限，需重新进入分享面板勾选对应选项。
4、避免使用浏览器地址栏中手动修改出的链接，所有 embed 链接必须通过分享面板中嵌入其他站点模块生成。
