MDN play

../../_images/mdn_play.png

Under the hood : https://codemirror.net/

We decided to go with CodeMirror for editing.

As they phrase it:

CodeMirror is a code editor component for the web. It can be used in
websites to implement a text input field with support for many editing
features, and has a rich programming interface to allow further extension.

We considered Monaco , but decided for a more lightweight approach. So far it feels like the right choice, let’s wait for feedback.