Diff Builder

Convert a diff file into a visual HTML diff.

Paste a full multi-file diff (or single file, or plain code), mark lines as additions or deletions in the visual editor, then generate collapsible HTML ready for a Confluence HTML macro.

1. Paste a full multi-file diff

Paste an entire .diff (e.g. from a GitLab commit URL + .diff, or git diff output) with multiple diff --git a/... b/... sections — each file will be auto-split into its own collapsible block, matching GitLab's PR view. Plain code (no diff headers) still works too, using the fallback filename below.

2. Click each line to cycle: context → + → − → context

Right-click a line to insert or remove a hunk break (skip marker) above it.

Paste code above and click "Load lines into editor".

4. Copy this HTML into your Confluence HTML macro

Live preview

Preview will appear here after generating.