Rendering inline elements

[shuding]

trafficstars

Discussed in https://github.com/vercel/satori/discussions/324

^{Originally posted by wilsonowilson November 28, 2022} I'm using Satori to build an image generation feature for an app in production, and it's been nothing short of incredible to work with! Now I'm exploring more advanced use-cases for it.

According to the docs only display: flex and display: none are supported.

But in the future, I'd really like to include really basic inline styling in my rendered images (bold, italic, underline, code etc), like in this picture:

Is there a current workaround for this? Or is this something that might be implemented in the future?

[tomy0000000]

Same here. I want to add an inline image to the text. Specifically, an avatar for the post author of a blog. This could be very useful.

[shuding]

This one will be a lot of work and ideally should be done in the layout engine level.

[hojberg]

This seems related: https://github.com/vercel/satori/issues/484