Project Description
XML Webpad is a framework to view and edit XML files that can also be integrated embedded with any ASP.Net web application. It is developed using C#, .Net 3.5, JavaScript. It has web based GUI xml editor and implements tree correction and XML to JS DOM mapping algorithm.

All web applications maintain some form of XML based configuration file e.g. web.config, which then invariably needs to be updated specially after the application has been deployed to production. Search the web for modify web.config programmatically at runtime and we get millions of result. Even though the techniques described in each works okay but they does not scale or are easily reusable. There are many XML viewer, explorer and editor out there but very few of them are web based. The ones which are web based, are indeed heavy weight and full fledged stand alone content management system meant for content editors. Right now, there is no light weight framework or API or something available, that a web developer can easily use and integrate with his own existing application. This is where XML Webpad (a web based xml editor viewer) comes in.

XML Webpad Advantage
Unlike other control, tools and editors, XML Webpad at its heart is not just a stand alone web application but rather provides the framework (the XMLWebPad.dll and xmlwebpad.js) to create your own viewer and editor that can be integrated with any ASP.Net applications. Also unlike others, XML Webpad is not a ASP.NET server control and thus provides the user with full control over UI look and feel.
Best part of all is the fact that the viewing and editing functionality are available out of the box. Even better, not only it allows you data modification but you can change the XML structure as well. All that is needed is to make the right calls to the server engine (the demo project shows how to do it).

  1. Out-of-box viewing and editing capabilities of XML files
  2. Lightweight and easy to integrate with any ASP.Net web application.
  3. Its a framework so that one can build their own custom UI around it.
  4. GUI based with hot-key intergation for add, deleete, rename, search functionalities
  5. Drag-n-Drop feature to move XML elements
  6. Search the XML tree
  7. Allows you to change the structure of the XML file
  8. A library to do programatic windows domain account impersonation (IdentityManager)
  9. COMING SOON! - Node level authorization and role-based security feature

Check out some more screenshots here - ScreenShots. Here's a sample:


Quick Start Guide
Let's assume you already have an existing ASP.Net web application. If not, you can create a new web application and follow the steps to quickly get up and running with XML Webpad (The Demo project is actually very self-explanatory. Unpack the project and run it).
  1. Unzip the ''
  2. Copy the folder 'ScriptLib', 'Images' and 'Styles' into your web application project directory and include it in your project
  3. Then add assembly references to the XMLWebpad.dll and IdentityManager.dll to your project
  4. Now add the web service 'XMLEditorService.asmx' to your project
  5. Create webform .aspx page or include the ConfigEditor.aspx in your project
  6. Add all the requried JavaScript file reference (main one being xmlwebpad.js) in the ConfigEditor.aspx (refer the demo)
  7. Modify the ConfigEditor.aspx.cs code behind as shown in the demo
  8. Do the same with the Edit.aspx (as shown in the demo)
  9. Run your web application and view the ConfigEditor.aspx and Edit.aspx page

Frequently Asked Questions
Here's a list of FAQ

Last edited Jan 5, 2011 at 12:56 PM by udayandas, version 27