OneNote Widget AddIn

A full featured Markdown viewer with syntax highlighting, export enhancement for OneNote

Features

Markdown Viewer

• Powered by Markdig - A powerful markdown parser, recommended by Microsoft
• CommonMark and GitHub flavored Markdown
• Syntax highlighting support
  • 100+ languages supported
• Dark/Light color scheme and code highlight theme support
  • Theme auto detection (following OS theme setting)
  • Multiple code highlight themes
• Mermaid chart support
  • Process, sequence, Gantt diagram etc.
• Capturing picture in onenote page and display in Markdown viewer
• Preview Window Refresh (Press F5. 24/6/2022)
• Auto refresh Preview Window (24/6/2022)
  • Auto refresh Preview Window every 1 second by default
  • Set interval to a large number in Settings Window to disable auto refresh, let's say set interval to 999999999.

Markdown CheatSheet

• Common mark
• Extended mark
• Diagram
  • Mermaid charts

Export enhancement

• Export for Notebook/Section Group/Section/Page
• Single File and Hierarchical files options

Demos

Syntax highlighting

    ```csharp
    namespace Demo
    {
        public class MyDemo
        {
            public static void Main(string[] args)
            {
                Console.WriteLine("Hello World!");
            }
        }
    }
    ```

Markdown preview:

    namespace Demo
    {
        public class MyDemo
        {
            public static void Main(string[] args)
            {
                Console.WriteLine("Hello World!");
            }
        }
    }

Mermaid pie chart

    ```mermaid
    pie
      title Key elements in Product X
      "Calcium" : 40
      "Potassium" : 46
      "Magnesium" : 9
      "Iron" :  5

    ```

Markdown preview: <svg id="mermaid-1642657277801" width="100%" xmlns="http://www.w3.org/2000/svg" height="450" style="max-width: 1200px;" viewBox="0 0 1200 450">40%46%9%5%Key elements in Product XCalciumPotassiumMagnesiumIron

More mermaid chart examples

Preview snapshot

Cheat Sheet snapshot

License

Apache 2.0