executor-editor :: demo

class Cake {
    toString() {
        return '[Cake]';
    }
}

console.log(String(new Cake()));

class Animal {
    toString() {
        return '[Animal]';
    }
}

console.log(String(new Animal()));

How to embed editor like that above?

<pre
        class="executor-editor"
        data-autofocus="true"
        data-autoevaluate="true"
        data-skin="blue"
>
class Cake {
    toString() {
        return '[Cake]';
    }
}

console.log(String(new Cake()));
</pre>

<link href="https://git.io/fjny3/dist/executor-editor.css"/>
<link href="https://git.io/fjny3/dist/skins/blue-skin.css"/>
<link href="https://git.io/fjny3/dist/skins/normal-skin.css"/>

<script src="https://git.io/fjny3/dist/executor-editor.js"></script>
<script>ExecutorEditor.setup();</script>