In “Try CoffeeScript,” if you press the tab key it should type a tab …

…character. Closes jashkenas#3342.
GeoffreyBooth · Nov 19, 2016 · 34869df · 34869df
1 parent e3aa8e0
commit 34869df
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/docs/v1/css/docs.css b/docs/v1/css/docs.css
@@ -304,6 +304,10 @@ div.code {
   outline: none;
   margin: 5px 0 20px;
   color: #def;
+  -webkit-tab-size: 2;
+  -moz-tab-size: 2;
+  -o-tab-size: 2;
+  tab-size: 2;
 }
   #repl_results, #repl_source_wrap {
     width: auto; height: auto;

diff --git a/docs/v1/index.html b/docs/v1/index.html
@@ -3892,6 +3892,16 @@ <h2>
     # Listen for keypresses and recompile.
     $('#repl_source').keyup -> compileSource()
 
+    # Use tab key to insert tabs
+    $('#repl_source').keydown (e) ->
+      if e.keyCode is 9
+        e.preventDefault()
+        textbox = e.target
+        # Insert tab character at caret or in selection
+        textbox.value = textbox.value[0...textbox.selectionStart] + "\t" + textbox.value[textbox.selectionEnd...]
+        # Put caret in correct position
+        textbox.selectionEnd = ++textbox.selectionStart
+
     # Eval the compiled js.
     evalJS = ->
       try

diff --git a/documentation/index.html.js b/documentation/index.html.js
@@ -2317,6 +2317,16 @@ six = -&gt;
     # Listen for keypresses and recompile.
     $('#repl_source').keyup -> compileSource()
 
+    # Use tab key to insert tabs
+    $('#repl_source').keydown (e) ->
+      if e.keyCode is 9
+        e.preventDefault()
+        textbox = e.target
+        # Insert tab character at caret or in selection
+        textbox.value = textbox.value[0...textbox.selectionStart] + "\t" + textbox.value[textbox.selectionEnd...]
+        # Put caret in correct position
+        textbox.selectionEnd = ++textbox.selectionStart
+
     # Eval the compiled js.
     evalJS = ->
       try