[![SWUbanner](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner2-direct.svg)](https://vshymanskyy.github.io/StandWithUkraine)

# react-xml-editor

React XML Editor, inspired by [xonomy](https://github.com/michmech/xonomy).

## Installation

    $ npm install --save react-xml-editor

## Overview

Render the XmlEditor component, passing in the initial XML as a string.  Add, remove and modify elements, attributes and text according to the document spec that you provide.  Harvest the modified XML as a string.  See the demo directory for a full example. 

## Screenshots
### Edit Attribute
![Screenshot 1](https://raw.githubusercontent.com/captain-igloo/react-xml-editor/master/doc/screenshot1.png)

### Add / Remove Elements / Attributes
![Screenshot 2](https://raw.githubusercontent.com/captain-igloo/react-xml-editor/master/doc/screenshot2.png)

### Edit Element Text
![Screenshot 3](https://raw.githubusercontent.com/captain-igloo/react-xml-editor/master/doc/screenshot3.png)

### "Laic" Style
![Screenshot 3](https://raw.githubusercontent.com/captain-igloo/react-xml-editor/master/doc/screenshot4.png)

## Contact

colindoig [at] gmail [dot] com