JSFiddle - React, Tailwind, and code Playground

by menelaosbgr

HTML

<script src="http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shCore.js"></script>
<script src="http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shBrushXml.js"></script>
<link rel="stylesheet" href="http://agorbatchev.typepad.com/pub/sh/3_0_83/styles/shCore.css">
<link rel="stylesheet" href="http://agorbatchev.typepad.com/pub/sh/3_0_83/styles/shThemeDefault.css">
<link rel="stylesheet" href="http://agorbatchev.typepad.com/pub/sh/3_0_83/styles/shCoreDefault.css">
<input id="addOUTPUTButton" type="button" value="Generate XML"/>
<input id="test" type="button" value="Highlight"  onclick="SyntaxHighlighter.highlight();"/>
<div id="generatedXML">
</div>

JavaScript

$( "#addOUTPUTButton" ).click(function() {
 generateXML();
});


function generateXML()
{
var result="<test>WHATEVA</test>";
var regex1 = new RegExp('<', 'g');
var regex2 = new RegExp('>', 'g');
result = "<pre class='brush: xml'>" + result.replace(regex1,'&lt;').replace(regex2,'&gt;')+"</pre>";

document.getElementById("generatedXML").innerHTML = result;     
}