@mdn/bob
Version:
Builder of Bits aka The MDN Web Docs interactive examples, example builder
45 lines (43 loc) • 1.56 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 rel="stylesheet" href="../../css/editor-css.css%cache-buster%" />
%example-css-src%
</head>
<body>
<section class="css-editor-container">
<header class="output-header border-rounded-top">
<h4 class="output-heading">%title%</h4>
<button id="reset" class="reset" type="button">Reset</button>
</header>
<noscript>
<div id="warning-no-script" class="warning-container">
<div class="warning">
Interactive examples cannot be shown because JavaScript is disabled.
</div>
</div>
</noscript>
<div id="warning-no-support" class="warning-container hidden">
<div class="warning">
This feature is not supported by your current browser. Check Browser
compatibility for more details.
</div>
</div>
<div
id="editor-wrapper"
class="editor-wrapper border-rounded-bottom hidden"
>
%example-code%
</div>
</section>
<div id="user-message" class="user-message" aria-hidden="true">Copied!</div>
<script src="../../js/codemirror.js%cache-buster%"></script>
<script src="../../js/editor-css.js%cache-buster%"></script>
%example-js-src%
</body>
</html>