react-xml-editor

React XML Editor, inspired by xonomy.

Usage no npm install needed!

<script type="module">
  import reactXmlEditor from 'https://cdn.skypack.dev/react-xml-editor';
</script>

README

react-xml-editor

React XML Editor, inspired by 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

Add / Remove Elements / Attributes

Screenshot 2

Edit Element Text

Screenshot 3

"Laic" Style

Screenshot 3

Contact

colindoig [at] gmail [dot] com