[PR #17904] feat: added export workflow as img #28797

Closed
opened 2026-02-21 20:44:08 -05:00 by yindo · 0 comments
Owner

Original Pull Request: https://github.com/langgenius/dify/pull/17904

State: closed
Merged: Yes


Summary

Resolves #17791

Added the ability to export workflows as images, with support for exporting to PNG/JPEG/SVG.

Why use html-to-image@1.11.11 instead of the latest version?
When using 1.11.13 (the latest version) the exported workflow will not contain the connecting lines as it is rendered using SVG, unfortunately in version 1.11.13 there were some issues that prevented the workflow images from being rendered properly, see details:
https://github.com/xyflow/xyflow/issues/2118
https://github.com/bubkoo/html-to-image/issues/506

There is also a need to add translations in other languages for this feature, what should I do with this part?

Screenshots

image
image

image
image

Checklist

Important

Please review the checklist below before submitting your pull request.

  • This change requires a documentation update, included: Dify Document
  • I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!)
  • I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change.
  • I've updated the documentation accordingly.
  • I ran dev/reformat(backend) and cd web && npx lint-staged(frontend) to appease the lint gods
**Original Pull Request:** https://github.com/langgenius/dify/pull/17904 **State:** closed **Merged:** Yes --- # Summary Resolves #17791 Added the ability to export workflows as images, with support for exporting to PNG/JPEG/SVG. Why use html-to-image@1.11.11 instead of the latest version? When using 1.11.13 (the latest version) the exported workflow will not contain the connecting lines as it is rendered using SVG, unfortunately in version 1.11.13 there were some issues that prevented the workflow images from being rendered properly, see details: https://github.com/xyflow/xyflow/issues/2118 https://github.com/bubkoo/html-to-image/issues/506 There is also a need to add translations in other languages for this feature, what should I do with this part? # Screenshots ![image](https://github.com/user-attachments/assets/353e7b8c-2794-4a51-88d8-2f1290d0f9fe) ![image](https://github.com/user-attachments/assets/96a3b7fa-949c-4c53-8de7-0cb4ec19a7b9) ![image](https://github.com/user-attachments/assets/c0f9536b-398d-4786-8be9-796758963377) ![image](https://github.com/user-attachments/assets/909c0a02-09b5-48c4-9a60-6025731c2723) # Checklist > [!IMPORTANT] > Please review the checklist below before submitting your pull request. - [ ] This change requires a documentation update, included: [Dify Document](https://github.com/langgenius/dify-docs) - [x] I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!) - [x] I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change. - [x] I've updated the documentation accordingly. - [x] I ran `dev/reformat`(backend) and `cd web && npx lint-staged`(frontend) to appease the lint gods
yindo added the pull-request label 2026-02-21 20:44:08 -05:00
yindo closed this issue 2026-02-21 20:44:08 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#28797