Jak porównać dwie wersje artykułu i wyświetlić różnice

Github oraz Stackoverflow pozwalaja wyswietlic historie zmian, w tym na czerwono zaznaczaja jaki tekst, zdjecia, paragrafy itp zostaly usuniete, a na zielono co zostalo dodane. Przyklad ponizej gdzie github tekst zaznacza na zielono, a do dodanych\usunietych paragrafow dodaje border po lewej stronie

Jak widac ze screena mam tu na mysli sytuacje w ktorej mamy post (jak ten) i chcialbym zobaczyc historie zmian lub po prostu moc jako administrator zobaczyc zmiany zanim je zaakceptuje. W bazie rzechowywalbym dwa htmle dla obu wersji tylko teraz pytanie jak je ladnie porownac jak na screenie?

Z tego, co pamiętam to Monaco Editor miał chyba diff mode, ale to musiałbyś obczaić.

https://microsoft.github.io/monaco-editor/typedoc/interfaces/editor.IDiffEditorBaseOptions.html

Na pewno istnieje wrapper jakis Reactowy, więc czytu czytu i do implementacji

możesz też użyć jakiejś biblioteki do diffów:
https://www.npmjs.com/search?q=diff
a potem sobie obrobić te dane i odpowiednio zaprezentować na ekranie.

Wpisz w wyszukiwarkę "check different text" i skorzystaj z online takich rzeczy gdzie wklejasz kod / tekst o ile masz nowy i stary.

One pokazują różnice między nimi na różne kolory. Zmiany i wycofania.
https://www.diffchecker.com/
https://text-compare-online.com/

Tych stron jest o wiele więcej, jedne są lepsze inne gorsze. Zależy co się do nich wkłada.

To często ratuje przed różnymi problemami.

A chat GPT sobie nie poradzi z takim zadaniem? Prosty prompt typu porównaj dwa teksty i podkreśl w drugim tekście różnicę z pierwszym?