Declined
Last Updated: 04 May 2021 14:11 by Ron Barone
Ron Barone
Created on: 03 May 2021 17:59
Category: UI for Blazor
Type: Feature Request
0
Blazor syntax editor

It would be really cool to be able to edit documents much like the WPF syntax editor.

Our use case is that we use blazor for our admin tools and we need to give a better look and feel (color coding) to some stored SQL and XML.  Nothing fancy just a better experience.

 

3 comments
Ron Barone
Posted on: 04 May 2021 14:11

Thank you very much for helping us out!  The blazormonaco wrapper looks very promising for what we need!

 

ADMIN
Marin Bratanov
Posted on: 04 May 2021 05:17

A quick update - if you are not looking for actual editor but just to add syntax highlighting to code snippets (make them look like they do in VS) - there are ready-made tools for that as well, they usually boil down to calling a JS function over the DOM you want to colorize. This thread can be a good starting place for that: https://stackoverflow.com/questions/1710653/is-there-a-free-code-to-html-syntax-highlighter-written-in-c

 

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

ADMIN
Marin Bratanov
Posted on: 04 May 2021 05:14

Hi Ron,

Such a tool is something that is extremely heavy and complex, and it is well beyond the scope of our components.

I can suggest you look into using the editor engine that powers VS Code - it is available for free and it is called Monaco. It looks like there are already some projects that wrap it for Blazor in the nuget gallery: https://www.google.com/search?q=Monaco+editor+blazor

Regards,
Marin Bratanov
Progress Telerik

Тhe web is about to get a bit better! 

The Progress Hack-For-Good Challenge has started. Learn how to enter and make the web a worthier place: https://progress-worthyweb.devpost.com.