Breakpoint Demo

1
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
2
  lineNumbers: true,
3
  gutters: ["CodeMirror-linenumbers", "breakpoints"]
4
});
5
editor.on("gutterClick", function(cm, n) {
6
  var info = cm.lineInfo(n);
7
  cm.setGutterMarker(n, "breakpoints", info.gutterMarkers ? null : makeMarker());
8
});
9
 
10
function makeMarker() {
11
  var marker = document.createElement("div");
12
  marker.style.color = "#822";
13
  marker.innerHTML = "●";
14
  return marker;
15
}
16
 
 

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