doc22940 / web-xml-editor

XML Editor is an online web-based tool, designed to create, view, format, edit, save and share xml file. This tool provides multiple features which will help you, to create simple and complex xml easily.

Xml Editor

XML Editor is an online web-based tool, designed to create, view, format, edit, save and share xml file. This tool provides multiple features which will help you, to create simple and complex xml easily. Code from master branch is hosted here

Add Element To add new element, first select the element node under which you like to add new element, then click the Add Element icon on a right side of the bar, once you click this icon, new element will be added to the selected node.

Add Text To add new text, first select the element node under which you like to add new text, then click the Add Text icon on the right side of the bar, once you click this icon, new text will be added to the selected node.

Tree View Tree view will show your working xml in a hierarchical model, you can select any node in the model to view or edit it's value. It can be expanded by clicking expand image button on a right hand side of bar.

Text View Text view is like a code editor, this will show your working xml in the text format. You can edit your work in the code editor and can also load this to xml editor ( xml viewer ) by clicking load image button. It can be expanded by clicking expand image button on a right hand side of the bar.

Download You can download your existing work, which you have created using xml editor ( xml viewer ) tool. To use this functionality, click download button on a navigation bar, this will download a file onto your system.

Load To load any of your xml file into the tool, first copy and paste your existing work into the text view and then click load image button on the bar.

New Click the new button on the navigation bar to remove your existing work from the xml editor ( xml viewer ) tool, So that you can start you development from the scratch.

Copy & Paste You can copy and paste any node into another based on following two rules :-

1. Text cannot have a child node.
2. Element can have Text or Element as a child.

To use Copy & Paste functionality, first select the node which you like to copy, then click the copy and paste icon on its bar and finally select the node inside which you want to copy your previous selection. This will copy your previously selected node inside new one. This Copy & Paste functionality is very useful, when you want add a new node, which is similar to one of the existing node.

Delete You can delete any node ( element or text ) from xml viewer. To use this delete functionality, first select the node which you want to delete, then click the delete icon on the right side of the bar, once you click a delete icon an confirm dialog will be displayed, asking your confirmation for delete. Confirm dialog will contain two buttons Ok and Cancel, click OK to delete or click Cancel to leave it.

Save Online You can use save online functionality to save and share your work. To use this save functionality, click a save online button on the navigation bar. This will save your work on a server and provide you a url with unique id, this url can be used to view, edit and share your saved work with your colleagues.

Minify Minify feature is used to minify your existing work present in the text view. This feature can be used as a standalone, when your requirement is just to minify your work. To use this feature, copy and paste your work in the code editor and click a minify image button on the bar.

Pretty Print Pretty Print feature is used to pretty print your existing work in text view. This feature can be used as a standalone, when your requirement is just to pretty print your work. To use this feature, copy and paste your work in the code editor and click the pretty print image button on the bar.