| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 | <!doctype html><html>  <head>    <title>CodeMirror 2: Breakpoint Demo</title>    <link rel="stylesheet" href="../lib/codemirror.css">    <script src="../lib/codemirror.js"></script>    <link rel="stylesheet" href="../theme/default.css">    <script src="../mode/javascript/javascript.js"></script>    <link rel="stylesheet" href="../css/docs.css">    <style type="text/css">      .CodeMirror-gutter {        width: 3em;        background: white;      }      .CodeMirror {        border: 1px solid #aaa;      }    </style>  </head>  <body>    <h1>CodeMirror 2: Breakpoint demo</h1>    <form><textarea id="code" name="code">CodeMirror.fromTextArea(document.getElementById("code"), {  lineNumbers: true,  onGutterClick: function(cm, n) {    var info = cm.lineInfo(n);    if (info.markerText)      cm.clearMarker(n);    else      cm.setMarker(n, "<span style=\"color: #900\">●</span> %N%");  }});</textarea></form><p>Click the line-number gutter to add or remove 'breakpoints'.</p>    <script>      CodeMirror.fromTextArea(document.getElementById("code"), {        lineNumbers: true,        onGutterClick: function(cm, n) {          var info = cm.lineInfo(n);          if (info.markerText)            cm.clearMarker(n);          else            cm.setMarker(n, "<span style=\"color: #900\">●</span> %N%");        }      });    </script>  </body></html>
 |