# Word Diff > Edit before and after text to compare word and raw character diff output. **Source:** [https://diff.svelte.page/examples/word-diff](https://diff.svelte.page/examples/word-diff) **Markdown mirror:** [https://diff.svelte.page/examples/word-diff.md](https://diff.svelte.page/examples/word-diff.md) --- This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page. ## FIG-001: compare words. Word tokens preserve spaces, tabs, punctuation, and case. Apostrophes and hyphens separate word runs. Unicode letters, marks, numbers, and underscores form runs; continuous CJK text is one token and emoji grapheme clusters are not guaranteed atomic. Cleanup applies only to character mode. **Metadata:** tag: `READABILITY` | modes: `2` | input: `identical` ### Source #### WordDiff.svelte Source file: [src/lib/examples/word-diff/demos/WordDiff.svelte](https://github.com/humanspeak/svelte-diff/blob/main/docs/src/lib/examples/word-diff/demos/WordDiff.svelte) ```svelte

Before After

Word tokens preserve spaces, tabs, punctuation, and case. Apostrophes and hyphens separate word runs. Unicode letters, marks, numbers, and underscores form runs; continuous CJK text is one token and emoji grapheme clusters are not guaranteed atomic. Both cleanup props are ignored in word mode. The raw character pane disables cleanup.

Raw character mode

{#snippet remove(text)}~~{text}~~{/snippet} {#snippet insert(text)}{text}{/snippet}

Word mode

{#snippet remove(text)}~~{text}~~{/snippet} {#snippet insert(text)}{text}{/snippet}

```