Add Undo and Redo Buttons to the Editor Toolbar

[St0ckfish]

Description

I would like to request the addition of undo and redo buttons to the PlateJS text editor's toolbar. Currently, users can only use keyboard shortcuts for these actions, which might not be intuitive for everyone. Adding dedicated buttons would enhance usability and make the editor more accessible to all users.

If you need any assistance with implementing this feature, I'd be happy to help!

Reproduction URL

No response

Reproduction steps

Go to the PlateJS text editor demo page at https://platejs.org/.
Click on the editor area to focus.
Make some changes to the text, such as typing or formatting.
Look at the toolbar above the editor.
Scroll through the toolbar options to find undo and redo buttons.
Observe that there are no undo or redo buttons available.
Try to undo your changes without using keyboard shortcuts.
See that it's not possible to perform undo or redo actions via the toolbar.

Plate version

latest

Slate React version

latest

Screenshots

No response

Logs

No response

Browsers

No response

Funding

• You can sponsor this specific effort via a Polar.sh pledge below
• We receive the pledge once the issue is completed & verified

[abhi-bc]

First, this is not a bug. Please remove that label and classify it as feature request

Second, it's quite easy to implement on your own. You can simply add 2 buttons to the toolbar with following code

// you should have access to `editor` everywhere under <Plate>

<button onClick=(editor.undo}>Undo</button
<button onClick=(editor.redo}>Re-do</button

[St0ckfish]

Please let me know if anyone needs assistance with this feature; I'd be happy to help.

[felixfeng33]

Added in my pr It will be merged within two to three days.

[Adebesin-Cell]

Hi @felixfeng33, gm gm! How's it going? Has the feature been merged?

[zbeyens]

yes, see https://platejs.org/

[Adebesin-Cell]

Thank you! @zbeyens