WPF中如何通过数据绑定实现TextBlock格式化文本显示？

问题说明 #

以下XAML代码可正常显示带格式的文本：

<TextBlock Name="textBlock1" TextWrapping="Wrap">
    <Bold>TextBlock</Bold> is designed to be <Italic>lightweight</Italic>,
    and is geared specifically at integrating <Italic>small</Italic> portions
    of flow content into a UI.
</TextBlock>

但需求是通过数据绑定，将后台带XAML格式标签的字符串绑定到TextBlock显示富文本，尝试以下两种方式均失败，且要求必须用字符串绑定，不能通过代码初始化TextBlock：

尝试方式一：直接绑定Text属性 #

<TextBlock Text="{Binding FormattedText}" TextWrapping="Wrap">
</TextBlock>

尝试方式二：绑定到Run的Text属性 #

<TextBlock TextWrapping="Wrap">
    <Run Text="{Binding FormattedText}"/>
</TextBlock>

对应的后台代码：

public string FormattedText
{
    get { return _formattedText; }
    set
    {
        _formattedText = value;
        OnPropertyChanged(nameof(FormattedText));
    }
}
private string _formattedText;

public MyWpfClass()
{                
   this.InitializeComponent();
   FormattedText = "<Bold>TextBlock</Bold> is designed to be <Italic>lightweight</Italic>, and is geared specifically at integrating<Italic>small</Italic> portions of flow content into a UI.";
}

实际使用场景（复杂模板） #

项目中实际使用的DataGrid模板如下，需在该模板内实现绑定富文本的功能：

<DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Value}" Foreground="Black">
    <DataGrid.Columns>
        <DataGridTextColumn Header="起始行" Binding="{Binding m_startLine}"/>
        <DataGridTextColumn Header="起始字符位置" Binding="{Binding m_startCharacter}"/>
        <DataGridTextColumn Header="结束行" Binding="{Binding m_endLine}"/>
        <DataGridTextColumn Header="结束字符位置" Binding="{Binding m_endCharacter}"/>
        <!-- 修改内容列 -->
        <DataGridTemplateColumn Header="修改内容">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <ItemsControl ItemsSource="{Binding m_content}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <TextBlock>
                                        <Run Text="{Binding .}"/>
                                </TextBlock>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

解决方案：使用值转换器解析XAML字符串 #

TextBlock的Text属性仅支持纯文本，直接绑定带标签的字符串会把标签当作普通文本输出。要实现绑定富文本，需自定义值转换器，将带<Bold>/<Italic>等标签的XAML字符串解析为TextBlock的Inlines集合。

步骤1：创建XAML转Inlines的转换器 #

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Xml;

namespace YourProjectNamespace
{
    public class XamlToInlinesConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if (value is string xamlString && !string.IsNullOrEmpty(xamlString))
            {
                // 构造完整的TextBlock XAML片段用于解析
                string fullXaml = $"<TextBlock xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\">{xamlString}</TextBlock>";
                
                try
                {
                    var xmlReader = XmlReader.Create(new System.IO.StringReader(fullXaml));
                    var textBlock = (TextBlock)System.Windows.Markup.XamlReader.Load(xmlReader);
                    return textBlock.Inlines;
                }
                catch
                {
                    // 解析失败时返回原字符串作为纯文本
                    return new Run(xamlString);
                }
            }
            return null;
        }

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

步骤2：在XAML中引用转换器 #

在Window/UserControl的资源中声明转换器（需提前声明命名空间local）：

<Window xmlns:local="clr-namespace:YourProjectNamespace"
        ...>
    <Window.Resources>
        <local:XamlToInlinesConverter x:Key="XamlToInlinesConverter"/>
    </Window.Resources>
    <!-- 其他XAML内容 -->
</Window>

步骤3：修改TextBlock的绑定方式 #

将TextBlock的Inlines属性通过转换器绑定到格式化字符串：

<TextBlock TextWrapping="Wrap" 
           Inlines="{Binding FormattedText, Converter={StaticResource XamlToInlinesConverter}}"/>

步骤4：适配DataGrid模板场景 #

修改DataGrid模板内的TextBlock绑定：

<DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Value}" Foreground="Black">
    <DataGrid.Columns>
        <DataGridTextColumn Header="起始行" Binding="{Binding m_startLine}"/>
        <DataGridTextColumn Header="起始字符位置" Binding="{Binding m_startCharacter}"/>
        <DataGridTextColumn Header="结束行" Binding="{Binding m_endLine}"/>
        <DataGridTextColumn Header="结束字符位置" Binding="{Binding m_endCharacter}"/>
        <!-- 修改内容列 -->
        <DataGridTemplateColumn Header="修改内容">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <ItemsControl ItemsSource="{Binding m_content}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <TextBlock TextWrapping="Wrap" 
                                           Inlines="{Binding ., Converter={StaticResource XamlToInlinesConverter}}"/>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

注意事项 #

• 确保后台字符串是合法的XAML片段，仅包含TextBlock支持的Inline元素（如<Bold>、<Italic>、<Underline>、带样式的<Run>等）
• 转换器内置异常捕获，避免非法XAML导致程序崩溃，解析失败时会原样显示字符串
• 如需支持更复杂格式（如文字颜色、字体大小），直接在后台字符串中添加对应属性即可，例如：<Run Foreground="Red" FontSize="14">红色大字体文本</Run>

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