Read only - non editable

[warlock257]

TL;DR - How would I make a Plate read-only / non-editable by the user?

In my app, I'm using Plate for the admins to create rich text descriptions. For the end user however, I'd like the Plate block to interoperate the JSON that's been made, but have it not be editable.
Thanks

[zbeyens]

You can use editableProps prop which supports all textarea props (e.g. readOnly)

[warlock257]

I tried:

const editableProps = { style: { width: '100%', }, readOnly: true, }

but the box is still editable

[zbeyens]

See https://codesandbox.io/s/plate-reproduction-forked-yfqus

[warlock257]

I don't see any reference to readOnly in that sandbox.

[zbeyens]

Forgot to save, now you should see it

[warlock257]

Got that working. Thanks for the help