https://github.com/eligamii/monaco

A WinUI3 wrapper for the Monaco Editor
https://github.com/eligamii/monaco

monaco-editor winappsdk winui3

Last synced: 6 months ago
JSON representation

A WinUI3 wrapper for the Monaco Editor

• Host: GitHub
• URL: https://github.com/eligamii/monaco
• Owner: eligamii
• Created: 2023-11-16T19:08:02.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-11-19T21:32:09.000Z (over 2 years ago)
• Last Synced: 2025-03-15T04:12:53.715Z (over 1 year ago)
• Topics: monaco-editor, winappsdk, winui3
• Language: C#
• Homepage:
• Size: 11.6 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Monaco - A Monaco Editor wrapper for WinUI3/WinAppSDK apps

### Usage

* Clone this repository

  

* Add `Monaco.csprog` to your solution project

  

* Add a reference to the `Monaco` project for every project in you want to use the monaco editor

  

### Example code

_See [LightCode](https://github.com/eligamii/LightCode) and the Odyssey browser's Additional DevTools (soon) for real uses_

    XAML

    

    xmlns:monaco="using:Monaco"

    

    

    

    

    

    

    C#

    using Monaco;

    using Monaco.Helpers; // For js string convertion

    ...;

    

    // Set the editor language

    // It's the only thing you can do in the editor before the Loaded event

    // And this can be used only before the Loaded event

    editor.StartingLanguage = Monaco.Language.CSharp; 

    

    editor.Loaded += (sender, args) =>

    {

        // Open a file

        await editor.OpenFileAsync("C:\file.cs", detectLanguage: false);

    

        // Get or set text

        string text = editor.GetTextAsync();

        editor.SetText("this is some text");

    

        // Set the language 

        // 80+ languages are supported in Monaco Editor but only JS, JSON, and HTML seem to have Intellisence

        // Will add Intellisence for other languages in the future

        editor.SetLanguage(Monaco.Language.JavaScript)

    

        // Save to a file

        editor.SaveAsync("C:\file.txt");

        // Save to the file opened with editor.OpenFileAsync()

        editor.SaveAsync();

    

        // Set the editor theme

        // ElementTheme.Light = vs theme, ElementTheme.Dark = vs-dark theme

        editor.RequestedTheme = ElementTheme.Light;

    

        // Control anything in the Monaco Editor with this

        // The example below do the same as the Editor.GetTextAsync()

        // See what you can do with this at https://microsoft.github.io/monaco-editor/docs.html

        string res = await editor.ExecuteAsJSAsync($"editor.getValue()"); // Should return "this is some text" here

        Debug.WriteLine(res);

    }

    

    //  Text changed event

    editor.TextChanged += (sender, text) => Debug.WriteLing(text);

    

    // Link clicked event (if no code is set for this event, the link will open in the default browser)

    editor.LinkClicked += (sender, url) => Debug.WriteLine(url.ToString());

    

### Credit

* Microsoft for WebView2 and the Windows App SDK

  

* The [Monaco Editor](https://github.com/microsoft/monaco-editor) [team](https://github.com/microsoft/monaco-editor/graphs/contributors)