Formatting XML and JSON using Sublime Text

Dec 2, 2014
Facebook Twitter Google Digg Reddit LinkedIn Pinterest StumbleUpon Email


Last week I was trying to make some changes to my WCF service and had to deal with some XML data. The problem was the XML was not nicely formatted and I had to highlight couple of missing pieces of information. Normally I would use Notepad++ but I though let's try doing it in "Sublime Text".

If you are new to this editor you can read my this post which describes the basic steps to get started with Sublime Text. As a web developer we often have to deal with non formatted XML and JSON data. Sublime Text has a plugin Indext XML that you can use to format XML and JSON data. The plug-in is available in both ST2 & ST3.

Installing Plug-in

Open the editor and hit Ctrl+Shift+P to open Command Palette.

Formatting XML Sublime Text 3

Type"Install Package" and hit Enter. Type Indent XML.

Formatting XML Sublime Text 3

Select the highlighted plug-in and click Enter. You should see the message that saying the plug-in has been installed successfully.

Formatting XML Sublime Text 3

Restart the editor. At least I had to.

Formatting XML

Copy the non formatted XML

Formatting XML Sublime Text 3

Hit Ctrl + K + F.

Formatting XML Sublime Text 3

You can also do it from the Menu option.

Formatting XML Sublime Text 3

Formatting JSON

Formatting JSON Sublime Text 3

Hit Ctrl + K + F.

Formatting JSON Sublime Text 3

You can also do it from the Menu option.

Formatting JSON Sublime Text 3

That's it for today. Happy Formatting !