Multiple Editors

[bishoymelek]

Hi, We are having an issue with multiple editors is that for example if we are counting characters and having editor object as:

const editor = useStoreEditorState(useEventEditorId('focus'))

That all the editors are having same count. Any idea about this issue? when we log the editor id, sometimes while writing in one of the editors, it log other editors IDs as well.

Thank you

[karthikcodes6]

We have to pass different id for each Plates - https://github.com/udecode/plate/blob/main/packages/core/src/hooks/usePlate/usePlateEffects.ts#L20

It would be great if it is handled by Plate itself. But for now it's a small workaround passing id for each plate.

[bishoymelek]

@karthikeyan676 thanks for your answer, We already do pass different id for each editor.

[karthikcodes6]

Sorry I read the question wrongly

[zbeyens]

useEventEditorId('focus') returns the focused editor id, you want to use

const editor = useStoreEditorState(<editor id>)

[bishoymelek]

@zbeyens It works now as expected 🎉

Another related question, can we have multiple editors, each has its own toolbar? Currently, they all get highlighted if you are above bold text in one of them!

Thank you

[zbeyens]

Yes, using

const editor = useStoreEditorState(useEventEditorId('focus'))

Only one editor can have the focus.