### Complete Markdown Editor Example (C#)

Source: https://context7.com/orgelecho/elecho.mdviewer/llms.txt

The code-behind for the complete Markdown editor example. It initializes the window and sets the initial Markdown text for the editor, demonstrating how to populate the editor with content.

```csharp
// MainWindow.xaml.cs
using System.Windows;

namespace MdTest
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            // 设置初始 Markdown 内容
            MdEditor.Text = @"# 欢迎使用 EleCho.MdViewer

这是一个 **WPF Markdown 渲染器**示例。

";
        }
    }
}
```

--------------------------------

### Configure App.xaml with ControlsDictionary and ThemeDictionary

Source: https://context7.com/orgelecho/elecho.mdviewer/llms.txt

This example shows the complete configuration within App.xaml, merging the ControlsDictionary for base styles and ThemeDictionary for color mode (Light or Dark).

```xml
<!-- App.xaml 中的完整配置示例 -->
<Application x:Class="MyApp.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mu="clr-namespace:EleCho.MdViewer.Markup;assembly=EleCho.MdViewer"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <!-- 加载控件基础样式 -->
                <mu:ControlsDictionary/>
                <!-- 加载主题配色（Light 或 Dark） -->
                <mu:ThemeDictionary ColorMode="Dark"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>
```

--------------------------------

### Complete Markdown Editor Example (XAML)

Source: https://context7.com/orgelecho/elecho.mdviewer/llms.txt

A full WPF application example demonstrating a Markdown editor with a live preview. The UI is split into two columns: a TextBox for Markdown input on the left and a MarkdownViewer for rendering on the right.

```xml
<!-- MainWindow.xaml -->
<Window x:Class="MdTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:md="clr-namespace:EleCho.MdViewer;assembly=EleCho.MdViewer"
        Title="Markdown 编辑器"
        Background="#0E0E0E"
        Height="450"
        Width="800">
    <Grid Margin="5">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*" />
            <ColumnDefinition Width="1*" />
        </Grid.ColumnDefinitions>

        <!-- 左侧：Markdown 编辑区 -->
        <TextBox x:Name="MdEditor"
                 Grid.Column="0"
                 Background="#0E0E0E"
                 Foreground="#EFEFEF"
                 AcceptsReturn="True"
                 AcceptsTab="True"
                 TextWrapping="Wrap"
                 VerticalScrollBarVisibility="Auto"/>

        <!-- 右侧：Markdown 渲染预览 -->
        <ScrollViewer Grid.Column="1">
            <md:MarkdownViewer x:Name="MdViewer"
                               Content="{Binding Text, ElementName=MdEditor}"
                               Margin="8"/>
        </ScrollViewer>
    </Grid>
</Window>
```

--------------------------------

### Handle Markdown Link Navigation Events (C#)

Source: https://context7.com/orgelecho/elecho.mdviewer/llms.txt

Subscribe to the static LinkNavigate event of MarkdownWpfRenderer to implement custom logic when a user clicks on a hyperlink within the Markdown content. This example shows how to open the URL in the default browser.

```csharp
using EleCho.MdViewer.Markdown;
using System.Diagnostics;
using System.Windows;

namespace MyApp
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            // 订阅链接导航事件
            MarkdownWpfRenderer.LinkNavigate += OnLinkNavigate;
        }

        private void OnLinkNavigate(object? sender, MarkdownLinkNavigateEventArgs e)
        {
            // 获取链接 URL
            string? url = e.Link;

            if (!string.IsNullOrEmpty(url))
            {
                // 使用默认浏览器打开链接
                Process.Start(new ProcessStartInfo
                {
                    FileName = url,
                    UseShellExecute = true
                });
            }
        }
    }
}
```

--------------------------------

### Configure Theme Dictionary for MdViewer

Source: https://github.com/orgelecho/elecho.mdviewer/blob/master/README.md

Include the ControlsDictionary and ThemeDictionary in your ResourceDictionary. Set ColorMode to 'Dark' for dark mode.

```xml
<ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
        <mu:ControlsDictionary />
        <mu:ThemeDictionary ColorMode="Dark"/>
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
```

--------------------------------

### Switch ThemeDictionary ColorMode

Source: https://context7.com/orgelecho/elecho.mdviewer/llms.txt

Demonstrates how to switch between light and dark themes by setting the ColorMode property of the ThemeDictionary. Ensure ControlsDictionary is also merged.

```xml
<!-- 使用亮色主题 -->
<ResourceDictionary.MergedDictionaries>
    <mu:ControlsDictionary />
    <mu:ThemeDictionary ColorMode="Light"/>
</ResourceDictionary.MergedDictionaries>

<!-- 使用暗色主题 -->
<ResourceDictionary.MergedDictionaries>
    <mu:ControlsDictionary />
    <mu:ThemeDictionary ColorMode="Dark"/>
</ResourceDictionary.MergedDictionaries>
```

--------------------------------

### Add XMLNS Namespaces for EleCho.MdViewer

Source: https://github.com/orgelecho/elecho.mdviewer/blob/master/README.md

Add these XML namespaces to your project to use EleCho.MdViewer components. Ensure the assembly is referenced.

```xml
xmlns:mu="clr-namespace:EleCho.MdViewer.Markup;assembly=EleCho.MdViewer"
xmlns:md="clr-namespace:EleCho.MdViewer;assembly=EleCho.MdViewer"
```

--------------------------------

### Custom Markdown Theme Colors (XAML)

Source: https://context7.com/orgelecho/elecho.mdviewer/llms.txt

Define custom styles for Markdown elements by creating a ResourceDictionary and specifying resources for MarkdownResKey. This allows full control over foreground, background, and border colors for various Markdown components.

```xml
<!-- CustomStyle.xaml - 自定义主题示例 -->
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:md="clr-namespace:EleCho.MdViewer.Markdown;assembly=EleCho.MdViewer">

    <!-- 主要文本颜色 -->
    <Brush x:Key="{x:Static md:MarkdownResKey.MainForeground}">#dddddd</Brush>

    <!-- 标题颜色 -->
    <Brush x:Key="{x:Static md:MarkdownResKey.HeadingForeground}">#8E44AD</Brush>

    <!-- 代码块样式 -->
    <Brush x:Key="{x:Static md:MarkdownResKey.CodeBlockForeground}">#dddddd</Brush>
    <Brush x:Key="{x:Static md:MarkdownResKey.CodeBlockBackground}">#0CFFFFFF</Brush>

    <!-- 行内代码样式 -->
    <Brush x:Key="{x:Static md:MarkdownResKey.CodeInlineForeground}">#dddddd</Brush>
    <Brush x:Key="{x:Static md:MarkdownResKey.CodeInlineBackground}">#8C8E44AD</Brush>

    <!-- 引用块样式 -->
    <Brush x:Key="{x:Static md:MarkdownResKey.QuoteBlockForeground}">#dddddd</Brush>
    <Brush x:Key="{x:Static md:MarkdownResKey.QuoteBlockBackground}">Transparent</Brush>
    <Brush x:Key="{x:Static md:MarkdownResKey.QuoteBlockBorder}">#8C8E44AD</Brush>

    <!-- 表格样式 -->
    <Brush x:Key="{x:Static md:MarkdownResKey.TableForeground}">#dddddd</Brush>
    <Brush x:Key="{x:Static md:MarkdownResKey.TableBackground}">#0CFFFFFF</Brush>
    <Brush x:Key="{x:Static md:MarkdownResKey.TableStripe}">#0CFFFFFF</Brush>
    <Brush x:Key="{x:Static md:MarkdownResKey.TableBorder}">#3d3d3d</Brush>

    <!-- 分隔线和标记 -->
    <Brush x:Key="{x:Static md:MarkdownResKey.ThematicBreak}">#c5c5c5</Brush>
    <Brush x:Key="{x:Static md:MarkdownResKey.Mark}">#8C8E44AD</Brush>

    <!-- 链接样式 -->
    <Brush x:Key="{x:Static md:MarkdownResKey.Link}">#9F8E44AD</Brush>
    <Brush x:Key="{x:Static md:MarkdownResKey.LinkHover}">#8E44AD</Brush>

    <!-- 通用控件样式 -->
    <Brush x:Key="{x:Static md:MarkdownResKey.CommonControlMask}">#0CFFFFFF</Brush>
    <Brush x:Key="{x:Static md:MarkdownResKey.CommonControlBorder}">#3d3d3d</Brush>
</ResourceDictionary>

<!-- 在 App.xaml 中使用自定义主题替换 ThemeDictionary -->
<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <mu:ControlsDictionary/>
            <ResourceDictionary Source="CustomStyle.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>
```

--------------------------------

### Integrate MarkdownViewer in WPF XAML

Source: https://context7.com/orgelecho/elecho.mdviewer/llms.txt

Add the MarkdownViewer control to your WPF application by referencing the necessary namespaces and configuring resource dictionaries for styling and theming.

```xml
<!-- 1. 在 XAML 中添加命名空间引用 -->
<Window xmlns:mu="clr-namespace:EleCho.MdViewer.Markup;assembly=EleCho.MdViewer"
        xmlns:md="clr-namespace:EleCho.MdViewer;assembly=EleCho.MdViewer">

    <!-- 2. 在 App.xaml 或 Window.Resources 中配置资源字典 -->
    <Window.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <mu:ControlsDictionary />
                <mu:ThemeDictionary ColorMode="Dark"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Window.Resources>

    <!-- 3. 使用 MarkdownViewer 控件 -->
    <Grid>
        <ScrollViewer>
            <md:MarkdownViewer x:Name="MdViewer"
                               Content="{Binding MarkdownText}"
                               Margin="8"/>
        </ScrollViewer>
    </Grid>
</Window>
```

--------------------------------

### Use MdViewer Control in WPF

Source: https://github.com/orgelecho/elecho.mdviewer/blob/master/README.md

Embed the MarkdownViewer control within a ScrollViewer for scrollable content. Bind its Content property to your Markdown source.

```xml
<ScrollViewer>
    <md:MarkdownViewer x:Name="MdViewer"
                       Content="{Binding Markdown}"/>
</ScrollViewer>
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.