WinUI3 : How to exclude particular area in RichTextBlock for text to appear

Question

Hi

I am working on the WinUI3 desktop application in C++, I wanted to add an image/ widget on top of a big paragraph like this, and the paragraph contents will wrap around the image accordingly to the visible area.

I tried adding a Border with height and Width to an InlineUIController and adding the InlineUIController to the paragraph in RichTextBlock, thinking that the border with an empty area acts as an exclusion area which the text will wrap around. But the border with height and with increased the height of the line like this

So when we place the image/Widget/container on top of the RichTextBlock, is there any way where we can exclude that particular area so that, the text which should have been below the area of the overlapped image/Widget/container will come on the next visible area? is there any way to do this?

Thank you

Answer 1

You can use instead a WebView2 control (with shape-outside to wrap text around images) :

Test :