Showing highlighted code snippets

[M-Yankov]

To be researched what is the best way to show high-lighted code snippets in a web page. To research how most of the websites works like: stackoverflow, github, monaco-editor in read only mode?

Where the syntax high-lighting will be executed - on client - on server ?

Here are some resources: https://stackoverflow.com/questions/6246245/using-syntax-highlight-from-github https://github.com/github/linguist http://pygments.org/ https://www.nuget.org/packages/pygments-net/ https://github.com/cvrajeesh/pygments-net

And is good to make repository in Github named: OpenDevBlog: Make project there and add task for researching.

Related to #1

[M-Yankov]

Check the code snippets here: https://www.automatetheplanet.com/rules-design-pattern/

[M-Yankov]

More colored code snippets: https://www.codebyamir.com/blog/create-excel-files-in-c-sharp

[M-Yankov]

This is used by dotnetcurry.com, https://www.hanselman.com/blog/ http://alexgorbatchev.com/SyntaxHighlighter/ https://github.com/syntaxhighlighter/syntaxhighlighter

Last commit is from Apr 10, 2017 (Updating ReadMe). No support. It is little buggy, because when double click on the code snippet, all keywords loses their color.

[M-Yankov]

https://github.com/jneen/rouge

[M-Yankov]

https://highlightjs.org/usage/ used here https://redux.js.org/basics/usage-with-react

[M-Yankov]

https://github.com/google/code-prettify --- Demo

[M-Yankov]

https://enlighterjs.org/ --- Demo

[M-Yankov]

https://microsoft.github.io/monaco-editor/playground.html#creating-the-editor-syntax-highlighting-for-html-elements Integrated from monaco - nice.

[M-Yankov]

https://github.com/aramk/crayon-syntax-highlighter, I saw it was used here: https://www.sqlshack.com/how-to-resolve-deadlocks-in-sql-server/