Implement track changes

[Shiva804]

Hi, I am new to lexical editor and I am trying to implement track changes in lexical editor. But I am not sure how to wrap the character typed by the user.

If the user type a character then it should be wrapped in a span tag with class name inserted.
If the user delete a character then it should be wrapped in a span tag with class name deleted.

I created plugin to create a span element but not sure how to replace the character with the created element in the editor.

Can someone give me suggestion on how to implement this efficiently ?

[CanRau]

Have you figured it out? If not the CharacterLimitPlugin from the playground might help which basically does the same, only wrapping characters (or text) which is longer than allowed and then instead of wrapping deleted it unwraps

Also interesting idea actually, maybe I'm going to use something similar at least for galleries and such 🤔

[kgpax]

Hi @Shiva804 .

Did you have any joy implementing this feature? I am also looking to develop this same functionality in Lexical, and have struggled to find any examples of this having been implemented.

[Aemulatio]

I think Im already done this or same thing.
I've wrote listener for KEY_DOWN command with bigger priority than lexical gives for that command

e.g. base priority is 0 or 1, my registered listener has 2

[Ramnath-Karthikesan]

https://github.com/Ramnath-Karthikesan/lexical-track-changes

I've implemented a basic version of track changes in the Lexical Editor. While this approach has some bugs and efficiency issues , contributions to improve the track changes feature in Lexical would be greatly appreciated.

The concept involves creating two nodes, one for insertion and one for deletion, inspired by the structure of the link node in Lexical. A custom plugin is then developed to listen for specific operations such as KEY_DOWN_COMMAND and KEY_BACKSPACE_COMMAND. Based on the current user selection, the plugin executes the node insertion or deletion operation.

[Aemulatio]

Duude that looks awesome, where u've been in February?))
I'd like to see how u will implemented format and styles tracking

[Ramnath-Karthikesan]

thanks mate

[mdmahendri]

@Ramnath-Karthikesan bro is there any specific benefits for you to make new nodes extend ElementNode instead of TextNode?

[mdmahendri]

For anyone seeking alternative, I made a package lexical-review which customizeTextNode in lexical and tagging insertion and deletion from original text. You can see the demo in https://mdmahendri.github.io/lexical-review/

[partoa]

Is there a way to delete one character at a time?

[mdmahendri]

there is no setting/config available to accomodate that. although at first, i set it to character, but change that after realizing that deleting word is more efficient (at least in my language).
for now, you need to copy paste the package and modify it here where the backspace is work at character level for insertion (to fix typing error) and word for original text