JSFiddle - React, Tailwind, and code Playground

by Alexey Valikov

HTML

<script src="https://rawgithub.com/highsource/jsonix/master/dist/Jsonix-all.js"></script>
<h1>Original XML</h1>
<pre id="original-xml"></pre>
<h1>Unmarshalled JSON</h1>
<pre id="json"></pre>
<h1>Marshalled XML</h1>
<pre id="marshalled-xml"></pre>

JavaScript

var One = {
    name: 'One',
    typeInfos: [{
        type: 'classInfo',
        localName: 'ValueType',
        propertyInfos: [{
            name: 'data',
            type: 'value',
            typeInfo: 'String'
        }]
    }],
    elementInfos: [{
        elementName: 'thing',
        typeInfo: 'One.ValueType'
    }]
};

var context = new Jsonix.Context([One]);

var originalXML = '<thing>Some text.</thing>';
$('#original-xml').text(originalXML);

var unmarshaller = context.createUnmarshaller();
var json = unmarshaller.unmarshalString(originalXML);

var marshaller = context.createMarshaller();
var marshalledXML = marshaller.marshalString(json);
$('#json').text(window.JSON.stringify(json, null, 2));
$('#marshalled-xml').text(marshalledXML);