Adding HTML to a document in Sanity using client.create() function and HTML to Portable Text Field plugin.

Does Sanity have any documentations adding HTML to a document via the

client.create()

function?

So we have a route and useres can upload editor based content.When they hit submit we’d like to hit an api (using Nuxt) that would take the data from the form and create a document in Sanity.

Got it. So, basically what you're doing is taking the value of those fields in the form => creating an object that matches the schema of the document in your Content Lake => committing the changes to your Content Lake. You would have to do something like this:
The tricky part is your description field. I'm assuming that editor on your frontend creates HTML elements, so I suggest you set that field in your schema to an
HTML to Portable Text Field field. That plugin will allow you to pass in your HTML and have an on-the-fly conversion to Portable Text.

yup that makes sense!

shoudl i be using the

block-tools

That package isn't quite ready for public consumption yet, so I'd say stick with your current setup and use the HTML input for now!

That package isn't quite ready for public consumption yet, so I'd say stick with your current setup and use the HTML input for now!

ahh okay

to confirm the approach you’r suggesting is for node.js?

and lastly, are there any docs or examples for this?

Sorry one more, if i understand will the field for schema actually be portable text if we want to create them in the backend as well?

Likely, since this is on your frontend, you'll want to use the JS client and execute the patch script when the form is submitted. There are a few different examples shown in the client documentation here . And yes, the HTML to Portable Text plugin will take in your HTML then store it as Portable Text in your Content Lake.

Likely, since this is on your frontend, you'll want to use the JS client and execute the patch script when the form is submitted. There are a few different examples shown in the client documentation here . And yes, the HTML to Portable Text plugin will take in your HTML then store it as Portable Text in your Content Lake.

ahh okay i can poke around. okay if i ping ya a little later?

Yeah, go for it!

Likely, since this is on your frontend, you'll want to use the JS client and execute the patch script when the form is submitted. There are a few different examples shown in the client documentation here . And yes, the HTML to Portable Text plugin will take in your HTML then store it as Portable Text in your Content Lake.

you’re the best 🙂

I've been looking for a solution to this too. I tried the HTML to Portable Text Field Plugin but it wasn't working well for me.So I dug into the source of the plugin to find out that there is no big deal.
Jumping from a package to another, it turns out that the plugin

@sanity/block-tools

is well documented enough to provide examples for scripts.If you are running this on node.js, think to read
the doc until the `parseHtml` options where you can provide a node-based DOMParser.

I've been looking for a solution to this too. I tried the HTML to Portable Text Field Plugin but it wasn't working well for me.So I dug into the source of the plugin to find out that there is no big deal.
Jumping from a package to another, it turns out that the plugin

@sanity/block-tools

is well documented enough to provide examples for scripts.If you are running this on node.js, think to read
the doc until the `parseHtml` options where you can provide a node-based DOMParser.

to follow up here ( if you’re interested).
I realized I could use

@sanity/block-tools

on the front-end before I submit the form data. Which worked very easily.At first I thought I needed to do it all on the backend but this is so much easier.

Awesome! Thanks for the update! Do you mind sharing your implementation so I can store it away for future use? 🙂

for ure!

for sure!