Adding images to the blockContent schema in Sanity.io

Hello, I have a question about the blockContent-schema + PortableText/React plugin. I build small sites for small businesses, often creative people who wants to custom their’ content a lot. As of now I use the portable text module as often as I can, as they can add/remove content as they wish, without me having to edit the studio. A little like other cmses like hubspot where the rich text-module allows the client to add pretty much anything.BUT, I’m wondering about images. Is there any addon or alternative to the blockContent that allows for the user to add images? Or can you add some functionality to the blockContent so they can add images into it? Thanks in advance!
✨☀️

Hey User, did you check https://www.sanity.io/docs/portable-text-editor-configuration ? there is an image example:

rofl. Thank you!!!

Sorry to ask again, but where do I place this snippet?

In your schema file

I’ve added it like this, but the image-icon doesn’t appear

The text editor looks like this in the studio:

looks like it is one level too high up

The blue brackets above contains the type: ‘block’

So I can’t put image in there, can I?

no, it has to go in the content array

are you running the studio locally?

Yeah, for now yrs

yes*

can you please share the top part of your code

just close the

marks

attribute

close = collapse

I just tried it on my side and it worked with this code:

make sure:• to use the latest version of sanity
• that there are no errors on console
• try to add a new content type just for testing / debugging

Hmm, let me update

Now all I get is this error..sigh…

maybe the best would be to create a new project with the latest version and then step by step apply your changes. which version where you on before? 2.x?

I’m not sure. But I started this project by creating a react app, and then installing and initializing Sanity.. I had this problem before too, but then I think I added a sanity.json-file and it worked.

okay, then I would try that again 🙂

So I just added a file, and the studio started, but still no image

And you are 100% sure that

Introtext

uses the content type / schema file you have changed?

to check that, you can change the marks / annotations. If they do not change, then sth is wrong

Uff.. I had added the content in the introtext section to be an array of blocks. So, by changing it to type blockContent fixed it. Thank you!

World record in patience there. 👑

Glad it worked! 🙂

Hey again , what do you use to render your images? I get “_Unknown block type “image”, specify a component for it in the

components.types

prop_” in the console. I’ve tried a few different ones but can’t seem to make it work