Codemirror Breakpoint Demo

.breakpoints {width: .8em;} .breakpoint { color: #822; } .CodeMirror {border: 1px solid #aaa;}

CodeMirror

Home Manual Code

Breakpoint

Breakpoint Demo

var editor = CodeMirror.fromTextArea(document.getElementById("code"), { lineNumbers: true, gutters: ["CodeMirror-linenumbers", "breakpoints"] }); editor.on("gutterClick", function(cm, n) { var info = cm.lineInfo(n); cm.setGutterMarker(n, "breakpoints", info.gutterMarkers ? null : makeMarker()); });

function makeMarker() { var marker = document.createElement("div"); marker.style.color = "#822"; marker.innerHTML = "●"; return marker; }

Click the line-number gutter to add or remove 'breakpoints'.

eval(document.getElementById("code").value);