Published unlisted
Edited
Jun 6, 2019
Insert cell
Insert cell
CodeMirror = require('https://unpkg.com/codemirror@5/lib/codemirror')
.then(CodeMirror => require(
'https://unpkg.com/codemirror@5/mode/javascript/javascript.js',
).then(() => CodeMirror))
Insert cell
md`[link to bottom](#anchor)`
Insert cell
cmEditor({})
Insert cell
Insert cell
Insert cell
function cmEditor(opts0) {
const div = html`<div>${header}
<div class='cm-container'></div>`;
const cmDiv = div.querySelector('.cm-container');
const opts = Object.assign({
value: 'function myScript(){return 100;}\n',
mode: 'javascript',
}, opts0);
const editor = CodeMirror(cmDiv, opts);

setTimeout(() => {
editor.setSize('100%', '100');
editor.refresh();
}, 0);
return div;
}
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
cmEditor({})
Insert cell
anchor = md`Anchor`
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more