How to use Deserializer?

[baptisteArno]

Hey guys,

Thank you for this amazing library. Also, the doc is very nice. But I find the Deserializer example ambiguous.

I want to store Slate value as text/html in my database. So, on Slate component init, I need to deserialize the initialValue which is a string. But using the exact same code as the example in the doc, it throws an error:

ReferenceError: can't access lexical declaration 'plugins' before initialization

And it makes sense, it calls plugins before initialization in the useMemo. What am I missing? Is there a complete example on this?

[zbeyens]

This is a typo, it should be _plugins.push(createDeserializeHTMLPlugin({ plugins: _plugins }));

Fixing it in #782

[zbeyens]

I don't think so, you can take a look at the corresponding package src.

For information, we don't recommend using the deserializer for setting the slate initial value as it's not yet stable, the current use-case is for pasting html. So we recommend saving the slate JSON value in the database. The serializer current use-case is for exporting html.

[baptisteArno]

Ok, I'll have to create a custom deserializer then. Thank you for your help!

[tjramage]

@zbeyens – thank you so much for this library, it's been very helpful for us! I have a quick question:

For information, we don't recommend using the deserializer for setting the slate initial value as it's not yet stable, the current use-case is for pasting html

Could you elaborate on what aspects of deserializeHTMLToDocumentFragment are not yet stable?

Thanks!

[zbeyens]

Thanks for the feedback!

I meant that a serialized input may not be the exact output of deserializeHTMLToDocumentFragment, but it could be if properly handled.

[tjramage]

Great, that's good to know, thanks for clarifying @zbeyens. If you have any further examples to demonstrate that behaviour, or advice on how to properly handle this, it would be very interesting to know, as we are considering using this as a means to populate the initial value with Plate.

Appreciate the fast response! 🙂