Add settings for code editor to show invisibles characters

Author: SamyPesse

addons/cb.files.editor/client.js

@@ -20,6 +20,7 @@ define([
             'theme': "github",
             'fontsize': "12",
             'printmargincolumn': 80,
+            'showinvisibles': false,
             'showprintmargin': false,
             'highlightactiveline': false,
             'wraplimitrange': 80,
@@ -68,6 +69,10 @@ define([
                 'label': "Show Print Margin",
                 'type': "checkbox"
             },
+            'showinvisibles': {
+                'label': "Show Invisibles",
+                'type': "checkbox"
+            },
             'highlightactiveline': {
                 'label': "Highlight Active Line",
                 'type': "checkbox"

addons/cb.files.editor/views/file.js

@@ -402,6 +402,7 @@ define([
                 fontsize: "12",
                 printmargincolumn: 80,
                 showprintmargin: false,
+                showinvisibles: false,
                 highlightactiveline: false,
                 wraplimitrange: 80,
                 enablesoftwrap: false,
@@ -416,6 +417,7 @@ define([
             this.$editor.css("font-size", this.options.fontsize+"px");
             this.editor.setPrintMarginColumn(this.options.printmargincolumn);
             this.editor.setShowPrintMargin(this.options.showprintmargin);
+            this.editor.setShowInvisibles(this.options.showinvisibles);
             this.editor.setHighlightActiveLine(this.options.highlightactiveline);
             this.editor.getSession().setUseWrapMode(this.options.enablesoftwrap);
             this.editor.getSession().setWrapLimitRange(this.options.wraplimitrange, this.options.wraplimitrange);