JSFiddle - React, Tailwind, and code Playground

by usrjim

HTML

data:text/html,
<style type="text/css">
    #e {
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    }
    #m {
        font-size:10px;
        font-family:sans-serif;
        position:absolute;
        top:20px;
        right:20px;
    }
</style>
<div id="e"></div>
<select id="m">
    <option value=""></option>
    <option value="html">HTML</option>
    <option value="php">PHP</option>
    <option value="ruby">Ruby</option>
</select>
<script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js"
type="text/javascript" charset="utf-8"></script>
<script>
    var e = ace.edit("e");
    e.setTheme("ace/theme/monokai");
    e.getSession().setMode("ace/mode/php");
    var m = document.getElementById('m');
    m.message.addEventListener("change", function() {
        alert('oops');
    });
</script>