{"id":13567135,"url":"https://github.com/xiguaxigua/docusaurus-plugin-drawio","last_synced_at":"2025-08-24T10:16:56.637Z","repository":{"id":57214362,"uuid":"464017930","full_name":"xiguaxigua/docusaurus-plugin-drawio","owner":"xiguaxigua","description":"drawio render for docusaurus","archived":false,"fork":false,"pushed_at":"2023-03-09T03:47:58.000Z","size":1381,"stargazers_count":42,"open_issues_count":5,"forks_count":11,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-21T01:47:04.046Z","etag":null,"topics":["docusaurus","drawio"],"latest_commit_sha":null,"homepage":"https://xiguaxigua.com/docusaurus-plugin-drawio","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xiguaxigua.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-02-27T02:30:05.000Z","updated_at":"2025-06-02T23:51:12.000Z","dependencies_parsed_at":"2024-06-20T19:03:37.289Z","dependency_job_id":"e1d3253c-296c-45b2-9510-1c3a02435f6f","html_url":"https://github.com/xiguaxigua/docusaurus-plugin-drawio","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/xiguaxigua/docusaurus-plugin-drawio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiguaxigua%2Fdocusaurus-plugin-drawio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiguaxigua%2Fdocusaurus-plugin-drawio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiguaxigua%2Fdocusaurus-plugin-drawio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiguaxigua%2Fdocusaurus-plugin-drawio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xiguaxigua","download_url":"https://codeload.github.com/xiguaxigua/docusaurus-plugin-drawio/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiguaxigua%2Fdocusaurus-plugin-drawio/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266508807,"owners_count":23940338,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-22T02:00:09.085Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docusaurus","drawio"],"created_at":"2024-08-01T13:02:24.534Z","updated_at":"2025-07-25T07:33:57.820Z","avatar_url":"https://github.com/xiguaxigua.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# docusaurus-plugin-drawio\n\u003e support to use draw.io in your website\n\n![GitHub Workflow Status (branch)](https://img.shields.io/github/workflow/status/xiguaxigua/docusaurus-plugin-drawio/build/master)\n![npm](https://img.shields.io/npm/v/docusaurus-plugin-drawio)\n![npm](https://img.shields.io/npm/dw/docusaurus-plugin-drawio)\n![GitHub top language](https://img.shields.io/github/languages/top/xiguaxigua/docusaurus-plugin-drawio)\n![GitHub](https://img.shields.io/github/license/xiguaxigua/docusaurus-plugin-drawio)\n\n## Install\n\n```\nnpm i docusaurus-plugin-drawio\n```\n\n## Add plugin\n\n```js\n  plugins: [\n    ['drawio', {}],\n  ],\n```\n\n## Quick Start\n\nin foo.mdx file\n\n```jsx\nimport Drawio from '@theme/Drawio'\nimport simpleGraph from '!!raw-loader!./drawio-graph/simple.drawio';\n\n\u003cDrawio content={simpleGraph} /\u003e\n```\n\n## Select display page\n\nif your drawio file has many pages and you want to select which display by default,\nyou can set `page` props\n\n```jsx\nimport Drawio from '@theme/Drawio'\nimport simpleGraph from '!!raw-loader!./drawio-graph/simple.drawio';\n\n\u003cDrawio content={simpleGraph} page={1} /\u003e\n```\n\n## Customize viewer.js file cdn address\n\u003e default viewer.js cdn is `https://cdn.jsdelivr.net/npm/docusaurus-plugin-drawio/viewer.min.js`\n\n```js\n  plugins: [\n    ['drawio', { lib: 'http://domain/path/viewer.js' }],\n  ],\n```\n\n## Props\n\ndrawio supports many configurations, many of which I don't know what the meaning is, and I don't know the type of the corresponding value. If you know, welcome to submit a pull request\n\n|  prop   |  meaning | type | \n|  ----  | ----  | ----  |\n| page | page to be displayed  | number |\n| toolbar | The toolbar can be configured through this property, for example: \"zoom layers tags lightbox\"  | string |\n| pageId | page to be displayed  | string |\n| zoom | set zoom ratio  | number |\n| maxHeight | the max height of graph  | number |\n| title | Sets an optional title for the toolbar (or a tooltip if no toolbar is visible). | string |\n| forceCenter | I don't know the meaning of this configuration  | boolean |\n| center | I don't know the meaning of this configuration  | boolean |\n| responsive | I don't know the meaning of this configuration  | boolean |\n| border | I don't know the meaning of this configuration  | any |\n| move | I don't know the meaning of this configuration  | any |\n| nav | I don't know the meaning of this configuration  | boolean |\n| tooltips | I don't know the meaning of this configuration  | any |\n| resize | I don't know the meaning of this configuration  | boolean |\n| layers | Specifies a space-separated list of visible layers, for example \"1 2 3\"  | string |\n| layerIds | I don't know the meaning of this configuration  | any |\n| target | I don't know the meaning of this configuration  | any |\n| highlight | I don't know the meaning of this configuration  | string |\n| lightbox | I don't know the meaning of this configuration  | any |\n| editable | I don't know the meaning of this configuration  | any |\n| edit | I don't know the meaning of this configuration  | any |\n| editFunc | I don't know the meaning of this configuration  | any |\n| autoFit | I don't know the meaning of this configuration  | any |\n| autoCrop | I don't know the meaning of this configuration  | any |\n| autoOrigin | I don't know the meaning of this configuration  | any |\n| allowZoomOut | I don't know the meaning of this configuration  | any |\n| allowZoomIn | I don't know the meaning of this configuration  | any |\n| checkVisibleState | I don't know the meaning of this configuration  | any |\n| toolbarPosition | I don't know the meaning of this configuration  | any |\n| toolbarNohide | I don't know the meaning of this configuration  | any |\n| toolbarButtons | I don't know the meaning of this configuration  | any |\n\n\n## Docs\n\nhttps://xiguaxigua.com/docusaurus-plugin-drawio\n\n## How to edit draw.io file\n\nThere are many way to edit such as https://app.diagrams.net/ or vscode plugin\n\n## License\n\n[MIT](./LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxiguaxigua%2Fdocusaurus-plugin-drawio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxiguaxigua%2Fdocusaurus-plugin-drawio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxiguaxigua%2Fdocusaurus-plugin-drawio/lists"}