RichTextBox移动/粘贴图片后保留ImageSource的解决方案咨询

问题根源 #

复制/移动图片时，WPF会自动将图片转换为基于pack://的包相对路径，这种路径依赖当前文档的临时包上下文，重新加载或脱离上下文后就会失效。以下是几种直接可行的解决思路：

方案1：拦截复制粘贴事件，手动维护绝对路径 #

通过重写复制粘贴逻辑，强制将图片路径保留为绝对路径，替代WPF默认的包路径生成逻辑。

拦截复制事件 #

// 给RichTextBox绑定复制事件处理
DataObject.AddCopyingHandler(yourRichTextBox, OnRichTextBoxCopying);

private void OnRichTextBoxCopying(object sender, DataObjectCopyingEventArgs e)
{
    if (e.IsDragDrop) return;
    var rtb = sender as RichTextBox;
    if (rtb == null || rtb.Selection.IsEmpty) return;

    // 提取选中的图片元素
    var selectedImages = GetSelectedImages(rtb.Selection);
    if (!selectedImages.Any()) return;

    // 构建自定义剪贴板数据，替换默认XAML内容
    var dataObj = new DataObject();
    dataObj.SetData(DataFormats.Text, rtb.Selection.Text);

    // 生成带绝对路径的XAML片段
    var cleanXaml = ReplacePackagePathsWithAbsolute(GetSelectionXaml(rtb.Selection));
    dataObj.SetData(DataFormats.Xaml, cleanXaml);

    e.DataObject = dataObj;
    e.Handled = true;
}

// 辅助方法：遍历选中区域获取所有Image控件
private List<Image> GetSelectedImages(TextSelection selection)
{
    var images = new List<Image>();
    var currentPos = selection.Start;
    var endPos = selection.End;

    while (currentPos.CompareTo(endPos) <= 0)
    {
        if (currentPos.Parent is InlineUIContainer inlineContainer && inlineContainer.Child is Image img)
            images.Add(img);
        else if (currentPos.Parent is BlockUIContainer blockContainer && blockContainer.Child is Image img2)
            images.Add(img2);

        currentPos = currentPos.GetNextContextPosition(LogicalDirection.Forward);
    }
    return images;
}

// 辅助方法：替换XAML中的包路径为绝对路径
private string ReplacePackagePathsWithAbsolute(string xaml)
{
    // 正则匹配包路径格式的BitmapImage节点
    var regex = new Regex(@"<BitmapImage BaseUri=""[^""]+"" UriSource=""([^""]+)""[^>]+/>");
    return regex.Replace(xaml, match =>
    {
        // 这里需要维护图片原始绝对路径的映射（比如导入时记录路径）
        var relativeName = match.Groups[1].Value;
        var absolutePath = GetOriginalImageAbsolutePath(relativeName); // 自行实现路径映射逻辑
        return $"<Image Source=\"file://{absolutePath}\" Stretch=\"Fill\" Width=\"200\" Height=\"100\" />";
    });
}

// 辅助方法：获取选中区域的XAML字符串
private string GetSelectionXaml(TextSelection selection)
{
    var stringWriter = new StringWriter();
    XamlWriter.Save(selection, stringWriter);
    return stringWriter.ToString();
}

拦截粘贴事件 #

// 绑定粘贴事件处理
DataObject.AddPastingHandler(yourRichTextBox, OnRichTextBoxPasting);

private void OnRichTextBoxPasting(object sender, DataObjectPastingEventArgs e)
{
    var rtb = sender as RichTextBox;
    if (rtb == null) return;

    // 处理自定义XAML内容，确保路径有效
    if (e.DataObject.GetDataPresent(DataFormats.Xaml))
    {
        var xaml = e.DataObject.GetData(DataFormats.Xaml) as string;
        if (!string.IsNullOrEmpty(xaml))
        {
            // 再次检查并替换可能残留的包路径
            var cleanXaml = ReplacePackagePathsWithAbsolute(xaml);
            var newDataObj = new DataObject();
            newDataObj.SetData(DataFormats.Xaml, cleanXaml);
            e.DataObject = newDataObj;
        }
    }
}

方案2：保存前统一将图片转为嵌入资源 #

如果不想依赖外部文件路径，可以在保存到数据库前，将图片转为Base64或流嵌入到XAML中，彻底消除路径依赖：

// 保存前遍历FlowDocument中的所有图片，转为嵌入流
private void ProcessImagesBeforeSave(FlowDocument doc)
{
    foreach (var block in doc.Blocks)
    {
        if (block is Paragraph para)
        {
            foreach (var inline in para.Inlines.OfType<InlineUIContainer>())
            {
                if (inline.Child is Image img)
                    img.Source = ConvertImageToEmbeddedStream(img.Source);
            }
        }
        else if (block is BlockUIContainer blockContainer && blockContainer.Child is Image img2)
            img2.Source = ConvertImageToEmbeddedStream(img2.Source);
    }
}

// 将本地图片转为嵌入的BitmapImage
private ImageSource ConvertImageToEmbeddedStream(ImageSource source)
{
    if (source is BitmapImage bmp && bmp.UriSource.IsFile)
    {
        var imageBytes = File.ReadAllBytes(bmp.UriSource.LocalPath);
        var embeddedBmp = new BitmapImage();
        embeddedBmp.BeginInit();
        embeddedBmp.StreamSource = new MemoryStream(imageBytes);
        embeddedBmp.CacheOption = BitmapCacheOption.OnLoad;
        embeddedBmp.EndInit();
        return embeddedBmp;
    }
    return source;
}

关于“保存到XAML包”的说明 #

你看到的“保存到XAML包”指WPF的XamlPackage格式，它会将文档和依赖资源（如图片）打包成一个类似压缩包的容器。但这种格式不适合单独存储XAML字符串到数据库，因为包路径依赖容器上下文，单独提取XAML后路径会失效。我们的方案就是要规避这种自动打包行为，强制使用绝对路径或嵌入资源。

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