Java, C#, and TypeScript support available!
Function Compare Beautify Minify Parse Table Analysis
Updated:
Accessibility note: Hold shift and press control key twice to focus on the previous element or press control twice to focus away from this textarea.
Base label (optional)
Base source file
Base code for diff
New label (optional)
New source file
New code for diff
Beautify local file
Beautification input
Beautification output (read only)
Minify local file
Minification input
Minification output (read only)
Parse local file
Parse input
Parse output (read only)
Execute
↑ ↑ ↔
Please feel free to submit feedback about Pretty Diff at any time by answering the following questions.
How likely are you to recommend Pretty Diff to a friend or coworker? 1 Never 2 Not Likely 3 Rarely 4 Maybe 5 Probably 6 Frequently 7 Always
What is your primary reason for the above answer?
Email address (optional)
Submit feedback
S ↑ ↑ ↔
(API name in parenthesis)
Reset Options
Ace Code Editor Enable Ace Code Editor Disable Ace Code Editor (Faster and more accessible)
Save Preference Complete Document Report Only
Line Termination (crlf) Unix Style (LF) Windows Style (CRLF)
Color Scheme (color) Canvas Shadow White
Code type (lang) Auto Detect Apache Velocity C# ColdFusion CSS CSV Dust.js EJS Template Elm Template ERB Template Handlebars Template HTML Java JavaScript JSON JSTL JSX LESS Liquid Template markup (non-specific) Mustache Template Plain Text QML React JSX SCSS (SASS) SGML Spacebars Template TSS Twig Template TypeScript Volt Template XML
Auto detect default (langdefault) Apache Velocity C# ColdFusion CSS CSV Dust.js EJS Template Elm Template ERB Template Handlebars Template HTML Java JavaScript JSON JSTL JSX LESS Liquid Template markup (non-specific) Mustache Template Plain Text QML React JSX SCSS (SASS) SGML Spacebars Template TSS Twig Template TypeScript Volt Template XML
Character separator (csvchar)
Reset Comment String Pretty Diff Comment /*prettydiff.com */
Print or Save Output — Generates HTML report as raw text inside a text area.
Context size (context) — This sets number of matching lines of code to pad the differences.
Diff View Type (diffview) Side by side view Inline view
Ignore Content, Markup / JavaScript (content) Diff content literally Normalize content and string literals
Code Comments (diffcomments) Remove code comments Compare code and comments
Ignore White Space Differences (diffspaceignore) Diff white space Ignore white space
Diff Quotes (quote) Diff quotes literally Normalize single quote characters to double quote characters
Trailing Semicolons (semicolon) Diff semicolons Remove trailing semicolons
Style of Indent, CSS / JavaScript (braces) K&R style Allman (ANSI) style — sets opening curly braces on a new line.
Indentation character (inchar) Indent with other characters Indent space Indent tab Indent new line
Indentation size (insize)
Property Sorting, CSS / JavaScript / Markup (objsort) Sort JavaScript objects Sort CSS properties Sort markup attributes Sort by key/property/attribute Do not sort
Empty Lines (preserve)
Wrap text, Markup / JavaScript (wrap)
Compressed CSS (compressedcss) Regular beautification Compressed CSS style beautification
Comma Separated Selector Lists (selectorlist) Broken into new lines Retain on a single line
IE Comments, HTML Only (conditional) Remove all comments Preserve HTML conditional comments
Dust.js Template (dustjs) Not a Dust.js template Dust.js template
Force Attribute Indentation (force_attribute) Maintain code integrity Always force attribute indentation
Force Indentation (force_indent) Maintain code integrity Always force indentation
Presume HTML (html) Tolerate HTML sillyness Strict XML syntax
YAML Jekyll Support (jekyll) No Jekyll Support for Jekyll comments
Indent Style/Script (style) Indent to markup Indent style/script independently
Merge Empty Tag Sets Into A Single Self-Closing Tag (tagmerge) Do not merge tags Merge tags
Sort Child Items of Each Parent Element (tagsort) Do not sort markup code Sort markup pieces
Preserve Text Content (textpreserve) Beautify text content Preserve white space in text
Do Not Format Inside of Tags (unformatted) Format tag insides Preserve tag interiors
Brace Style (brace_style) Avoid this option collapse collapse-preserve-inline expand
Brace Lines (braceline) Normal blocks Pad JavaScript blocks with empty lines
Brace Padding (bracepadding) No brace padding Pads container characters from their contents.
Trailing Commas (endcomma) Remove trailing commas Add trailing commas Only to multiline objects/arrays
Else on New Line (elseline) A space precedes 'else' Force 'else' keyword onto a new line
Formatting Arrays (formatArray) Default Force indentation Force on one line
Formatting Object Literals (formatObject) Default Force indentation Force on one line
Space After Function Name (functionname) No space Space after function name
Chain Methods (methodchain) Indent a run of methods Chain methods onto a line Leave methods chains alone
Case Indentation (nocaseindent) Indent case statements Do not indent cases in switch blocks
Method Chain Indentation (nochainindent) Indent method chains Do not indent method chains
Function Space (space) Retain function space Remove space following function
Ternary Formatting (ternaryline) Indent ternary statements Keep ternary statements on one line
Code padding, Markup / JavaScript (inlevel)
Indent Comments (comments) Indent comments No comment indentation
Quotes (quoteconvert) Leave the quotes alone Convert to double quotes Convert to single quotes
Fix Sloppy Code, Markup / JavaScript (correct) Ignore code correction Correct for sloppiness Read the guide.
Vertically Align, CSS / JavaScript (vertical) Vertically align JavaScript Vertically align CSS Vertically align CSS/JS Do not vertical align
Insert Extra Lines (cssinsertlines) Do not create empty lines. Insert a new line character between each CSS block.
Leading 0s (noleadzero) Retain/add leading 0s Remove/prevent leading 0s
Force an Empty Line Above Comments (commline) No extra empty lines Force new lines above comments
End Self-Closing Tags with a Space (spaceclose) No extra space End self-closing tags with a space, ' />'
Indent Style/Script (style) Indent to markup Indent script/style independently
Sort Child Items of Each Parent Element tagsort Do not sort markup code Sort markup pieces
Scope Analysis (jsscope) Standard beautification Scope analysis report HTML output Read about HTML output and scope with this feature
Chain Methods (methodchain) Indent a run of methods Chain methods onto a line Leave method chains alone
Never Flatten Destructured Lists (neverflatten) Flatten destructured lists Never flatten destructured lists
Style Guide (styleguide) None AirBnB Crockford Google Grunt jQuery JSLint Mr. Doob's MediaWiki Meteor Yandex Read about style guide support
Variable Lists (varword) Leave the variables alone Comma separated list Separate variables
Quotes, Markup / JavaScript (quoteconvert) Leave the quotes alone Convert to double quotes Convert to single quotes
Top Comments, CSS / JavaScript (topcoms) Minify all comments Preserve comments before any code
Fix Sloppy Code (correct) Ignore code correction Correct for sloppiness Read the guide.
Parsed Output Format (parseFormat) By type (parallel) By record (sequential) Formatted as an HTML table
HTML Table Rendering Raw text (for use elsewhere) Render HTML (to read now in this tool)
Parse Attributes (attributetoken) As a data property As a separate token
Include Whitespace Tokens (parseSpace) Ignore whitespace tokens Include whitespace tokens (inferred from the "lines" data facet)