@mdn/bob
Version:
Builder of Bits aka The MDN Web Docs interactive examples, example builder
36 lines (31 loc) • 1.19 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>%title%</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="../../css/codemirror.css%cache-buster%" rel="stylesheet" />
<link href="../../css/editor-js.css%cache-buster%" rel="stylesheet" />
</head>
<body>
<section id="static">%example-code%</section>
<section id="live" class="live hidden">
<header class="output-header border-rounded-top-no-bottom">
<h4 class="output-heading">%title%</h4>
</header>
<div id="editor" class="editor"></div>
<div class="output-container">
<div class="buttons-container">
<button id="execute" class="button run" type="button">
Run ›
</button>
<button id="reset" type="button" class="button">Reset</button>
</div>
<div id="console" class="output"><code></code></div>
</div>
</section>
<script src="../../js/codemirror.js%cache-buster%"></script>
<script src="../../js/editor-js.js%cache-buster%"></script>
</body>
</html>