/DrawIoDotNetPluginsExamples

draw.io diagram plug-ins based on .NET C# Blazor

Primary LanguageC#MIT LicenseMIT

Draw.io DotNet Blazor Plugins Examples

This is source code project for an article: How to implement plug-in on C# Blazor for native JavaScript application. Open API schema diagram for Draw.io.

Download and start project:

  1. Download project repository and open DrawIoDotNetPlugins.sln in MSVS 2019
  2. Run web site on IIS express. It will be loaded at http://localhost:6930/

Open and configure Draw.io:

  1. Open web site draw.io - online diagram editor
  2. Setup plug-in by menu: Extras -> Plugins ... plug-in url is http://localhost:6930/js/OpenApiDocumentSchemaPlugin.js
  3. Reload draw.io web site to initialize plug-in on startup

Build Open API Swagger Diagram example:

  1. In Draw.io web application open menu item File -> Open from... -> Open API document
  2. Open swagger json document from repository: ..\src\OpenApiDocumentSchemaPlugin\Sample\test-swagger.json or you can use any other Open API/Swagger schema json file
  3. Will be created diagram will all blocks in zero point
  4. Make better diagram view by menu item: Arrange -> Layout -> Horizontal Flow

123