Visual XML Schema Editor Extension for Visual Studio Code

Uses VS Code's custom editor API to allow editing XML schemas in a visual manner similar to Altova XMLSpy.

References

• use TypeScript decorators and (de-)serializer for xmldom
• port this free xml schema definition diagram viewer to generate the diagram
• try out Eclipse diagram editor framework for VS Code to help editing the diagram
• possibly use React or Svelte

VS Code API

vscode module

• window.registerCustomEditorProvider
• CustomTextEditor
• CustomEditor

Running the example

This is currently based on the official Custom Editor API Samples from Microsoft.

• Open this example in VS Code 1.46+
• npm install
• npm run watch or npm run compile
• F5 to start debugging

Open the example files from the exampleFiles directory.