rulers.js 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. (function(mod) {
  2. if (typeof exports == "object" && typeof module == "object") // CommonJS
  3. mod(require("../../lib/codemirror"));
  4. else if (typeof define == "function" && define.amd) // AMD
  5. define(["../../lib/codemirror"], mod);
  6. else // Plain browser env
  7. mod(CodeMirror);
  8. })(function(CodeMirror) {
  9. "use strict";
  10. CodeMirror.defineOption("rulers", false, function(cm, val, old) {
  11. if (old && old != CodeMirror.Init) {
  12. clearRulers(cm);
  13. cm.off("refresh", refreshRulers);
  14. }
  15. if (val && val.length) {
  16. setRulers(cm);
  17. cm.on("refresh", refreshRulers);
  18. }
  19. });
  20. function clearRulers(cm) {
  21. for (var i = cm.display.lineSpace.childNodes.length - 1; i >= 0; i--) {
  22. var node = cm.display.lineSpace.childNodes[i];
  23. if (/(^|\s)CodeMirror-ruler($|\s)/.test(node.className))
  24. node.parentNode.removeChild(node);
  25. }
  26. }
  27. function setRulers(cm) {
  28. var val = cm.getOption("rulers");
  29. var cw = cm.defaultCharWidth();
  30. var left = cm.charCoords(CodeMirror.Pos(cm.firstLine(), 0), "div").left;
  31. var bot = -cm.display.scroller.offsetHeight;
  32. for (var i = 0; i < val.length; i++) {
  33. var elt = document.createElement("div");
  34. var col, cls = null;
  35. if (typeof val[i] == "number") {
  36. col = val[i];
  37. } else {
  38. col = val[i].column;
  39. cls = val[i].className;
  40. }
  41. elt.className = "CodeMirror-ruler" + (cls ? " " + cls : "");
  42. elt.style.cssText = "left: " + (left + col * cw) + "px; top: -50px; bottom: " + bot + "px";
  43. cm.display.lineSpace.insertBefore(elt, cm.display.cursorDiv);
  44. }
  45. }
  46. function refreshRulers(cm) {
  47. clearRulers(cm);
  48. setRulers(cm);
  49. }
  50. });