How to add images from Assets into Rich Text blocks

I can’t figure out how to make it so that images that are already in Assets can be added inside Rich Text blocks.

I feel there should be a way but I can’t find it.

Right now I’m working on a big project with tons of images and I planned to upload them all first and then add them where needed inside Rich Text blocks. But for now I’m uploading them individually which is very slow.

(I’m not using CMS)

You would need to get the published URI if the asset uploaded to Webflow (you can do that in the asset panel) and then use the custom code feature within a rich text element with an HTML <img> tag to render the image.

Oh the joys of the RTE.

1 Like

@webdev thanks! I tried that before and it worked but I assumed there had to be a better way, lol.

What bothers me is that I feel I should have all images with custom code to keep it consistent.

@webdev I’m using to insert both the image and the caption and it works but it doesn’t matter what width I set for the image, it just won’t get any bigger or smaller than this:

Any idea what I’m doing wrong? This is my code:

<figure>
  <img src="url" width="1600px">
  <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>

Do I need to add custom CSS to size this properly?

@zavorio - Inspect the element in devtools on your published URL. If webflow default CSS is what is limiting the size then yes, you would need to write more specific CSS declarations to change it to what you desire.

1 Like

@webdev thanks! I ended up writting it like this by indicating size on the figure instead of on the img:

<figure style="max-width:1600px">
  <img src="url">
  <figcaption>Caption Text</figcaption>
</figure>