Richasy.Controls.MarkdownEditBox 1.0.7

This is not a lightweight Markdown editor, in fact, it is very heavy, and there is no performance at all.

The editor is based on monaco-editor and is presented using WebView in UWP.

• It provides syntax highlighting for classic syntax and most extended syntax (such as strikethrough, supscripts and subscripts)
• Provides a relatively rich custom interface for relatively deep interface customization
• Through markdown-it, it can parse many markdown grammars including katex and plantuml, which can definitely meet the needs of mainstream usage
• Perfect shortcut key definition

However, due to the Chakra kernel, the editor has some known issues:

• Resize in Split mode will have a very obvious feeling of freeze.
• After quickly switching applications, calling the input method will generate garbled characters
• After selecting the text, use the input method to input text, the first time the input is invalid, the second time is normal.

This is a Markdown editor with the same obvious advantages and disadvantages. In fact, most of the shortcomings will be fixed after the official launch of WebView2 (because monaco-editor is designed for the core of Chromium), so this is actually a design for WebView2 Controls.

Simply usage

Xaml

<editor:MarkdownEditBox x:Name="MyEditor" Grid.Row="1"
                        IsLoadingRingActive="True"
                        LoadingRingForeground="{ThemeResource SystemColorControlAccentBrush}"
                        ControlLoaded="MyEditor_ControlLoaded"
                        />

Xaml.cs

private async void MyEditor_ControlLoaded(object sender, EventArgs e)
{
    var displayOptions = DisplayOptions.CreateOptions();
    var editorOptions = EditorOptions.CreateOptions();
    var localeOptions = await EditorLocaleOptions.GetDefaultEnOptionsAsync();

    editorOptions.Theme = "";

    await MyEditor.Initialize("# Hello Markdown!", displayOptions, editorOptions, "", localeOptions);

    var cssFile = await StorageFile.GetFileFromApplicationUriAsync(new Uri("ms-appx:///Assets/acrmd.css"));
    string css = await FileIO.ReadTextAsync(cssFile);
    await MyEditor.SetPreviewStyle(css);
}