DevForge LogoDevForgeDocs
Search
LandingWorkbench

Overview

Home

Guides

Markdown Reference

GFM syntax guide

Studio

DevForge Studio

studio

Data Tools

JSON Formatter

json-formatter

Base64 Ultimate Studio

base64-ultimate-studio

JWT Decoder

jwt-decoder

String Case Converter

string-case-converter

YAML ↔ JSON

yaml-json-converter

DB Schema Visualizer

db-schema-visualizer

API Client Studio

api-client

SHA-256 Hash Generator

sha256-generator

SVG Optimizer

svg-optimizer

Writing Tools

Markdown Editor

markdown-editor

ASCII Art Generator

text-to-ascii-art

Doc Builder

doc-builder

Pattern Tools

Regex Tester

regex-tester

Diff Viewer

diff-viewer

Generators

Code Generator

code-generator

UUID Generator

uuid-generator

Color Palette Studio

color-palette

Cron Generator

cron-generator

Dockerfile Generator

dockerfile-generator

K8s YAML Builder

k8s-yaml-builder

AI Tools

AI Explainer

code-explainer

AI UI Generator

ai-ui-generator

Documentationdiff viewer

Tool reference

Diff Viewer

beta

Compare original and modified text strings side-by-side or inline using a line-level Longest Common Subsequence (LCS) comparison engine.

Open toolBack to docs

Quickstart

Use this when you want the shortest path from input to a useful result.

1

Paste the base text into the 'Original Text' panel.

2

Paste the updated text into the 'Modified Text' panel.

3

Select Split or Unified view to inspect highlighted diffs.

Best for

Common situations where this tool fits naturally into the workflow.

  • Identify changes between two versions of code or JSON configs.
  • Verify text replacements or translations.
  • Inspect formatting differences in plain text files.

Common tasks

Concrete ways this tool is typically used in day-to-day workflows.

Inspect side-by-side differences

Select 'Split View' to compare lines. Deletions are highlighted in red on the left; additions are highlighted in green on the right.

View inline modifications

Select 'Unified View' to render differences sequentially in a single list, mimicking git diff outputs.

Check code modifications

Paste snippets from two files. Empty placeholder rows are inserted automatically to align unchanged rows.

Examples

Real inputs and outputs that show how the tool behaves.

Simple Line Diff

A line change detected in code snippet.

Original vs Modified

Original: const port = 3000;
Modified: const port = 8080;

LCS Diff Line Output

- const port = 3000;
+ const port = 8080;

Features

What this tool includes and what each capability is for.

LCS Comparison

Standard Longest Common Subsequence diffing model.

Split View

Side-by-side alignment with blank line padding.

Unified View

Inline sequential modifications list.

Real-time

Recalculates changes immediately as you edit either panel.

Workflow

Follow this path to get from input to output quickly.

1

Paste original string on the left panel.

2

Paste modified string on the right panel.

3

Select layout display mode and view highlights.

Caveats and tips

Things to keep in mind before relying on the output in a larger workflow.

Caveats

  • The comparisons are performed on a line-level; intra-line character-level highlights are not displayed.
  • Extremely long texts (thousands of lines) may cause a slight computation lag during LCS matrix backtracking.

Tips

  • Use Unified View for a quick vertical scan of changes in short text snippets.
  • Use Split View when comparing wide, structured logs or JSON objects to maintain alignment.

On this page

QuickstartBest forCommon tasksExamplesFeaturesWorkflowCaveats and tips

Related pages

Regex TesterOpen