在 WPF 控件中显示带有 HTML 图像标记的文本

Question

我尝试显示一个包含字符串和 HTML 标记的文本，并渲染图像。

SourceText="TextToDisplay <img Source="Http://...cat.png"> and thats <b>it</b>";

RichTextBox 不好用。

我找到了一些 NuGet 包：

• HtmlRenderer：但无法访问需要我的 Windows 凭据才能访问的图像，无法发送凭据，所以我收到了错误 404 图像。
• HtmlAgilityPack：不适用于图片
• HtmlRichTextBoxBehavior：不适用于图片

我的资源用完了......

用例是我尝试在 WorkItem 中复制 TFS 描述框，它可以包含 HTML 标记。

当我查询 TFS api 以获取描述时，这就是我们收到的内容，我想显示具有相同图像的同一个框......

Answer 1

它是 WPF，因此您可以非常轻松地构建任何您想要的自定义控件。

从TextBlock 和StackPanel 内的Image 控件开始，然后从那里开始。如果您不想这样做，它不必比这更复杂。或者，如果您需要额外的功能，您可以添加一堆额外的功能。 WPF 让您可以灵活地构建任何您想要的东西。

<StackPanel>
    <TextBlock Text="TextToDisplay"/>
    <Image Source="http://myUrl.../myImage.png"/>
</StackPanel>

这会将它们一个接一个地放置。如果您希望它们相互叠加，请使用Grid 来固定它们。如果您想要鼠标悬停效果，请使用PopUp 控件。如果您想要 UI 中的实际超链接，请使用 WPF Hyperlink 元素。