https://github.com/zuoqiu-yingyi/widget-drawio
一个适用于思源笔记的 draw.io 挂件 | A draw.io widget for Siyuan Notes.
https://github.com/zuoqiu-yingyi/widget-drawio
diagram drawio flowchart siyuan siyuan-note whiteboard widget
Last synced: 26 days ago
JSON representation
一个适用于思源笔记的 draw.io 挂件 | A draw.io widget for Siyuan Notes.
- Host: GitHub
- URL: https://github.com/zuoqiu-yingyi/widget-drawio
- Owner: Zuoqiu-Yingyi
- License: agpl-3.0
- Created: 2022-02-23T16:38:19.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-02-27T08:37:36.000Z (about 1 year ago)
- Last Synced: 2025-02-06T22:14:32.879Z (3 months ago)
- Topics: diagram, drawio, flowchart, siyuan, siyuan-note, whiteboard, widget
- Homepage:
- Size: 86.4 MB
- Stars: 42
- Watchers: 3
- Forks: 5
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Citation: CITATION.cff
Awesome Lists containing this project
README
---
[](https://github.com/Zuoqiu-Yingyi/widget-drawio/releases/latest)
[](https://github.com/Zuoqiu-Yingyi/widget-drawio/releases/latest)
[](https://github.com/Zuoqiu-Yingyi/widget-drawio/blob/main/LICENSE)
[](https://github.com/Zuoqiu-Yingyi/widget-drawio/commits/main)
[](https://github.com/Zuoqiu-Yingyi/widget-drawio/releases)
---
[简体中文](./README_zh_CN.md) \| English
---
# widget-drawio
A [draw.io](https://www.diagrams.net/) widget for Siyuan Notes.
## PREVIEW
## FUNCTION
To use the widget in your browser, please visit `http(s)://host:port/widgets/drawio/?id=`.
For other URL parameters, please refer to [Supported URL parameters](https://www.diagrams.net/doc/faq/supported-url-parameters).
- Load and save.
- The resource files set in the block attributes `custom-data-assets` and `data-assets` are automatically loaded on load.
- Use `File` -> `Save` Ctrl + S or `Save As` Ctrl + Shift + S -> `SiYuan Note` to save the resource file to the resource folder `data/assets`.
- The currently supported save formats are `*.drawio`, `*.png`, `*.svg`, `*.html`, all of which can be loaded and edited again.
- `*.svg` files can be inserted to other locations in the notebook using `Insert image link` or `Insert IFrame link`, and can be updated synchronously when the source files change.
- `*.png` files can be inserted to other locations in the notebook using `Insert image link` or `Insert IFrame link`, and can be updated synchronously when the source files change.
- `*.html` files can be inserted to other locations in the notebook using `Insert IFrame link`, and can be updated synchronously when the source files change.
- Resource file reference URL are updated to the block attributes `custom-data-assets` when saved.
- The Save/Save As action creates a new file when the file name is changed, and the Save/Save As action updates the current file when the file name is not changed.
- Other custom block attributes
- Presentation mode.
- Set custom block attribute `lightbox`: `1`
- The mode can only be viewed and cannot be edited.
- After you delete the attribute or change the value of the property to a different value, you can exit the mode by refreshing.
- Theme mode
- Set custom block attribute `dark`: `0` | `1` | `auto`.
- The default is the last used theme mode.
- Theme
- Set custom block attribute `ui`: `kennedy` | `min` | `atlas` | `dark` | `sketch` | `simple`.
- The default is the last used theme.
- The `Open in New Tab` feature needs to be used in conjunction with the plugin `Web Page View` (`webview`)
## START
The widget has been put on the shelves at [SiYuan community bazaar](https://github.com/siyuan-note/bazaar) and can be installed directly in the Bazaar.
## REFERENCE & THANKS
| Author | Project | License |
| :-------------------------------------- | :------------------------------------------------ | :------------------------------------------------------------------------ |
| **[JGraph](https://github.com/jgraph)** | [jgraph/drawio](https://github.com/jgraph/drawio) | *[Apache-2.0 License](https://github.com/jgraph/drawio/blob/dev/LICENSE)* |
ps: Sort in no particular order.
## CHANGE LOG
[CHANGELOG.md](./CHANGELOG.md)