ProcessOn流程图嵌入网页与生成分享链接的方法

P粉328763957

P粉328763957

2026-07-02

199人浏览

原创

必须先在processon网页端开启流程图的公开分享,才能嵌入网页或生成外部链接;公开分享后,需使用/embed/开头的iframe代码或链接,而非/diagram/链接,否则显示“文档不存在”。

processon流程图嵌入网页与生成分享链接的方法 - php中文网

要在网页中直接展示ProcessOn制作的流程图,必须先让图表对外公开可访问,否则嵌入后会显示“文档不存在”;公开分享是嵌入和生成外部链接的共同前提,跳过这步所有后续操作都会失败。

开启文件公开分享

这一步不可跳过,且必须在网页端操作——手机App不支持设置公开分享。

1、登录ProcessOn账号,进入个人文件夹,找到目标流程图文件。

2、鼠标悬停在文件缩略图上,点击右侧出现的【三点图标】 → 选择“分享”。

3、在弹出的分享面板中,打开“公开分享”开关。此时系统自动生成一个/diagram/开头的普通链接,但【这个链接不能用于网页嵌入】,仅用于他人直接访问查看。

4、可选设置:勾选“访问密码”或设定“有效期”,避免内容长期暴露。若设了密码,嵌入后访客仍需输入密码才能看到图表。

获取并插入网页嵌入代码

嵌入代码本质是一段iframe HTML标签,它能保证流程图在网页中保持交互能力(如缩放、拖拽、节点点击),比单纯贴链接更可靠。

方法一:复制完整iframe代码

1、确认已开启公开分享后,回到同一分享面板,向下滚动找到“嵌入其他站点”区域。

2、点击“嵌入其他站点”旁的展开箭头,系统立即生成形如<iframe src="https://www.processon.com/embed/abc123..." width="100%" height="600" frameborder="0"></iframe>的代码。

ProcessOn (Windows)
ProcessOn (Windows)

ProcessOn (Windows) 5.14.18版本支持流程图、UML、架构图及思维导图绘制。本次更新重点优化性能与稳定性,提升大文件编辑流畅度与启动速度,新增AI智能生成图表功能,可根据文本描述快速生成流程图与思维导图,并优化多人实时协作与云端同步体验,适用于产品设计、技术架构与团队协作场景。

下载

3、点击“复制”按钮,将整段代码粘贴到你网站HTML源码的

内任意位置即可。

方法二:手动构造embed链接(仅限快速测试)

1、在“嵌入其他站点”区域,复制下方显示的链接,格式为https://www.processon.com/embed/xxxxxxxxx。

2、该链接末尾的字符串必须是/embed/开头,【绝不能是/diagram/或/share/】,否则嵌入时必然报错“文档不存在”。

3、在支持URL嵌入的平台(如飞书多维表格、Notion、部分CMS后台),直接粘贴此链接到“嵌入网页”组件中,保存即生效。

生成免登录分享链接供他人查看

适用于发给客户、同事或群聊,对方无需注册ProcessOn账号就能打开浏览,适合轻量交付场景。

第一步:在文件编辑界面右上角点击“分享”按钮(图标为链状符号或文字“分享”)。

第二步:确保“公开分享”已开启,此时下方会显示一条以https://www.processon.com/diagram/开头的链接。

第三步:点击“复制链接”,该链接可直接发送;如需增强安全性,可在同一面板中设置访问密码或截止时间(精确到分钟)。

第四步:若对方扫码更方便,点击“生成二维码”,用手机扫描即可跳转——二维码有效期与链接有效期一致,关闭公开分享后立即失效。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
ProcessOn流程图零基础入门
ProcessOn流程图零基础入门

本专题涵盖ProcessOn在线流程图的基础操作、图形库调用、连线技巧、样式调整与模板应用,帮助用户从零掌握在线流程图绘制方法,快速完成各类业务流程图的创建与分享。

2026.07.02

35

15

ProcessOn思维导图全功能使用教程
ProcessOn思维导图全功能使用教程

本专题系统讲解ProcessOn思维导图的创建方法、布局模式、节点编辑、样式美化及高级功能,帮助用户快速掌握在线思维导图绘制技巧,高效整理知识体系与创意思路。

2026.07.02

10

15

ProcessOn UML图实操指南
ProcessOn UML图实操指南

本专题全面介绍ProcessOn中UML统一建模语言的绘制方法,涵盖类图、时序图、用例图、状态图、活动图等常用UML图形,帮助软件开发人员快速完成系统建模与设计文档。

2026.07.02

40

15

墨刀AI提示词教学
墨刀AI提示词教学

本合集由PHP中文网精心整理,为您提供全面的墨刀AI提示词教学。内容涵盖高质量原型撰写公式与实操窍门,助您轻松掌握AI设计工具。无论是零基础入门还是进阶技巧,都能让您快速上手,大幅提升产品设计与协作效率。

2026.08.04

9

21

墨刀AI完整入门
墨刀AI完整入门

PHP中文网为您倾力打造墨刀AI保姆级入门指南完整版!本合集从零基础讲起,涵盖AI生成原型、提示词优化、图片转原型及多轮对话等核心功能。无论您是新手还是进阶用户,都能轻松掌握产品设计全流程。快来PHP中文网,一键解锁高效设计技巧,让想法即刻成型!

2026.08.04

6

20

墨刀AI进阶技巧
墨刀AI进阶技巧

本合集由PHP中文网精心整理,为您提供墨刀AI核心进阶策略指南。内容涵盖高效提示词写作、原型智能生成与微调、结构化导图制作及行业分析报告输出等实战技巧。助您轻松掌握AI设计工具,大幅提升产品设计与团队协作效率。

2026.08.04

8

14

火山引擎实名认证失败怎么办
火山引擎实名认证失败怎么办

火山引擎实名认证失败可能与证件信息填写错误、姓名或企业信息不一致、证件照片不清晰、营业执照状态异常、手机号验证失败或审核资料不完整有关。本专题整理个人认证、企业认证、资料上传、审核退回、重新提交和认证不通过的常见处理方法。

2026.08.04

4

10

火山引擎域名备案流程详解
火山引擎域名备案流程详解

火山引擎域名备案适合需要在火山引擎云服务器、对象存储、CDN或网站服务上绑定域名的用户参考。本专题整理备案入口、账号实名认证、备案类型选择、主体信息填写、网站信息提交、资料上传、初审核验、管局审核和备案失败排查,帮助用户完成网站上线前的备案流程。

2026.08.04

0

10

火山引擎DNS解析配置步骤
火山引擎DNS解析配置步骤

使用火山引擎DNS解析网站域名时,需要确认域名已完成管理接入,并正确配置服务器IP、CNAME地址或验证记录。本专题整理域名添加、记录类型选择、TTL设置、解析状态检查、备案和访问测试等流程,适合新手搭建网站时参考。

2026.08.04

3

10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
ProcessOn我的文件
ProcessOn我的文件

共0课时 | 0人学习

ProcessOn流程设计器
ProcessOn流程设计器

共0课时 | 0人学习

ProcessOn开始使用
ProcessOn开始使用

共0课时 | 0人学习