Self-hostable blog for developers built on Wagtail and Django, with webpack, Bootstrap, and CodeMirror.
blogbootstrapdjangodockerhandcodedpythonself-hostedwagtailwebpack
1import CodeMirror from "codemirror/lib/codemirror.js";
2
3import "codemirror/mode/python/python.js";
4import "codemirror/mode/javascript/javascript.js";
5import "codemirror/mode/htmlmixed/htmlmixed.js";
6import "codemirror/mode/css/css.js";
7import "codemirror/mode/shell/shell.js";
8
9import "codemirror/lib/codemirror.css";
10import "codemirror/theme/material-darker.css";
11
12
13document.addEventListener("DOMContentLoaded", () => {
14 const blockCode = document.querySelectorAll(".block-code");
15
16 if (blockCode) {
17 Array.prototype.forEach.call(blockCode, (block) => {
18 const textarea = block.querySelector("textarea");
19 CodeMirror.fromTextArea(textarea, {
20 theme: "material-darker",
21 lineNumbers: true,
22 readOnly: true,
23 viewportMargin: Infinity,
24 mode: textarea.dataset.language,
25 });
26 });
27 }
28});