Add Ruler to Code Cells of Jupyter and IPython Notebook

Jupyter and IPython notebook setting enabling ruler in code cells using custom.js and custom.css files. Ruler will appear when user click-selects code cell to edit it and disappear when user goes into command mode.

Installation

These installation instructions are for "vanilla" Jupyter and IPython notebook setup. If you have themed and customized your setup, I will assume you know how to patch this into custom.css and custom.js files.

Linux and OS X

Copy custom.css and custom.js files into:
~/.ipython/profile_default/static/custom
You will overwrite two existing place-holding files with same names.

Windows

Copy custom.css and custom.js files into:
C:\Users\YourUserName\.ipython\profile_default\static\custom
You will overwrite two existing place-holding files with same names.

Custom settings

• To change column at which ruler is displayed, change variable column_number in file custom.js.
• To style ruler, change values of .CodeMirror-ruler CSS class in file custom.css.