{"repo":"serdarciplak/BlazorMonaco","free":true,"listed":false,"github":"https://github.com/serdarciplak/BlazorMonaco","clone":"git clone https://github.com/serdarciplak/BlazorMonaco.git","description":"Blazor component for Microsoft's Monaco Editor which powers Visual Studio Code.","language":"C#","stars":587,"topics":["monaco-editor","blazor","blazor-component","code","editor","formatter"],"license":"MIT","category":"dev-tools","readme_excerpt":"BlazorMonaco Blazor component for Microsoft Monaco Editor which powers Visual Studio Code. Most of the main Monaco Editor feature set is supported with some less-frequently used features currently missing. Any contributions, comments or suggestions are greatly welcome. Please feel free to contact me via GitHub. The current BlazorMonaco version : - Uses Monaco Editor v0.55.1 - Supports netstandard2.0 , net5.0 , net6.0 , net7.0 , net8.0 , net9.0 and net10.0 Demo You can see a working sample WebAssembly app here. Installation - Add the NuGet package to your Blazor project. - Add the script tags below to the end of your html body tag. Note that they must be placed before the Blazor script tag ( blazor.webassembly.js , blazor.server.js or blazor.web.js ). - Everything resides in three namespaces. You can add the following using directives to your root Imports.razor file, or any other place you may need them. - Add a StandaloneCodeEditor or a StandaloneDiffEditor component in your razor file and you'll see the editor rendered with the default options. Note: If you have any issues like the editor not being visible or not initializing correctly, please check the troubleshooting section below. Usage Providing initial options To customize your editor's initial options, set the ConstructionOptions parameter and provide a method that returns a StandaloneEditorConstructionOptions . Listening to editor events You can subscribe to editor events (e.g. OnDidKeyUp or OnDidPaste ) via the edito","default_branch":null,"files":null,"tree":[],"storefront":"/r/serdarciplak","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/serdarciplak/BlazorMonaco/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}