WPF如何将绑定字符串中的URL自动转换为可点击链接？

要实现DataGrid中带HTML链接文本的可点击效果，有两种实用方案可选：

方案一：使用WebBrowser控件（简单直接） #

替换原DataGridTextColumn为DataGridTemplateColumn，利用WebBrowser自动解析HTML标签：

1. 修改XAML中的第二列 #

<DataGridTemplateColumn Width="*">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <WebBrowser local:HtmlStringBinder.HtmlContent="{Binding FormatString}" 
                        Height="Auto" Width="Auto" Margin="5,0,0,5"/>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

2. 添加附加属性绑定HTML内容 #

由于WebBrowser无法直接绑定字符串，需编写一个附加属性类：

public static class HtmlStringBinder
{
    public static readonly DependencyProperty HtmlContentProperty =
        DependencyProperty.RegisterAttached("HtmlContent", typeof(string), typeof(HtmlStringBinder), new PropertyMetadata(null, OnHtmlContentChanged));

    public static string GetHtmlContent(DependencyObject obj)
    {
        return (string)obj.GetValue(HtmlContentProperty);
    }

    public static void SetHtmlContent(DependencyObject obj, string value)
    {
        obj.SetValue(HtmlContentProperty, value);
    }

    private static void OnHtmlContentChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is WebBrowser browser && e.NewValue is string html)
        {
            // 给纯文本包装基础HTML，保证样式统一
            if (!html.StartsWith("<html>"))
            {
                html = $"<html><body style=\"margin:0; padding:0; font-family:Segoe UI; font-size:12px;\">{html}</body></html>";
            }
            browser.NavigateToString(html);
        }
    }
}

WebBrowser会自动解析<a>标签为可点击链接，点击后直接跳转至对应URL。

方案二：使用TextBlock动态生成超链接（轻量贴合原样式） #

通过值转换器将HTML字符串转换为TextBlock的内嵌元素，保持和原TextBlock一致的视觉风格：

1. 编写值转换器 #

public class HtmlToInlinesConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is not string text || string.IsNullOrEmpty(text))
            return new InlineCollection();

        var inlines = new InlineCollection();
        // 正则匹配HTML链接标签，如需支持复杂标签可替换为AngleSharp等专业解析库
        var regex = new Regex(@"<a href=""(?<url>[^""]+)""[^>]*>(?<text>[^<]+)</a>", RegexOptions.IgnoreCase);
        int lastIndex = 0;

        foreach (Match match in regex.Matches(text))
        {
            // 添加链接前的普通文本
            if (match.Index > lastIndex)
            {
                inlines.Add(new Run(text.Substring(lastIndex, match.Index - lastIndex)));
            }
            // 创建可点击超链接
            var hyperlink = new Hyperlink(new Run(match.Groups["text"].Value))
            {
                NavigateUri = new Uri(match.Groups["url"].Value),
                Cursor = Cursors.Hand
            };
            hyperlink.RequestNavigate += (s, e) =>
            {
                System.Diagnostics.Process.Start(new System.Diagnostics.ProcessStartInfo(e.Uri.AbsoluteUri) { UseShellExecute = true });
                e.Handled = true;
            };
            inlines.Add(hyperlink);
            lastIndex = match.Index + match.Length;
        }
        // 添加剩余的普通文本
        if (lastIndex < text.Length)
        {
            inlines.Add(new Run(text.Substring(lastIndex)));
        }

        return inlines;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

2. 修改XAML中的第二列 #

先在资源中声明转换器：

<Window.Resources>
    <local:HtmlToInlinesConverter x:Key="HtmlToInlinesConverter"/>
</Window.Resources>

再替换第二列：

<DataGridTemplateColumn Width="*">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <TextBlock Margin="5,0,0,5" 
                       TextWrapping="Wrap" 
                       TextAlignment="Left"
                       Inlines="{Binding FormatString, Converter={StaticResource HtmlToInlinesConverter}}"/>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

此方案生成的超链接样式和原TextBlock完全一致，点击后调用系统默认浏览器打开链接。

内容的提问来源于stack exchange，提问作者Dan