How to apply a background color to TextElements of a TextBlock?

Question

Is it possible to apply a background color to the inline text of a TextBlock instead of the entire rectangular bounds of the TextBlock? In other words, I would like to have this:

<TextBlock TextWrapping="Wrap">
    <!-- No such "Background" property -->
    <Span Background="Red">
        The quick brown fox jumps over the lazy dog
    </Span>
</TextBlock>

(Just like <span style="background-color: red"> in HTML)

Instead of this:

<Border Background="Red">
    <TextBlock TextWrapping="Wrap">
        The quick brown fox jumps over the lazy dog
    </TextBlock>
</Border>

Is this even supported? I've been looking through the documentation for the TextBlock and RichTextBlock classes but I can't see any way of setting the background of the inline text. I think WPF supports this.

EDIT

I should mention, I need this to work with automatically wrapped text. I don't know how many lines there will be, or else I could just manually use a Border for each line of text.

Martin Zikmund · Accepted Answer · 2016-10-02 08:39:13Z

3

It seems that this is not currently supported in UWP apps.

WPF has a Background property for Run elements, which can be used inside TextBlock, but UWP's Run does not support this.

The only way I can think of to implement this would be using HTML and a WebView, or somehow using Win2D rendering, both of which are quite cumbersome solutions...

answered Oct 2, 2016 at 8:39

Martin Zikmund

39.2k7 gold badges74 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to apply a background color to TextElements of a TextBlock?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related