JSFiddle - React, Tailwind, and code Playground

by Jean-Philippe Janecek

HTML

<link rel="stylesheet" href="http://codemirror.net/lib/codemirror.css">
<script src="http://codemirror.net/lib/codemirror.js"></script>
<body>
    <form>
        <textarea id="capabilities" name="capabilities"></textarea>
    </form>
</body>

JavaScript

var url = 'http://geo.weather.gc.ca/geomet/?lang=E&service=wms&request=GetCapabilities';
          $.getJSON('http://whateverorigin.org/get?url=' + 
            encodeURIComponent(url) + '&callback=?',
            function(data) {
                //$("#capabilities").html(data.contents);
                document.getElementById('capabilities').innerHTML = data.contents;
                var editor = CodeMirror.fromTextArea(document.getElementById("capabilities"), {
                  mode: "application/xml",
                  lineNumbers: true
                });
            });