Tip For Typing Tab

As of December 2003, Ward has modified the Wiki syntax so that beginning a line with an asterisk makes it a list item. See TabRefactoring.

(Auto-numbered lists still need a tab, however.)

If you have trouble typing tabs in EditText (and don't wish to ConvertSpacesToTabs), you can do one of these things: We could list what works with what browser, but it makes more sense for you to just try them.

Try holding down the Alt key and typing 0 0 9 (or just 9) on the numeric keypad with Num Lock on. (not in ie6)

Try Ctrl+Alt+Tab. (not in ie6)

Try Ctrl-I. (not in ie6)

Try Ctrl-Q followed by Tab or Ctrl-I. (MacOsx only, Ctrl-Q closes some browsers)

CopyAndPasteTabs

Copy the edit field into Notepad (or some other editor that does tabs), edit it there, and then copy it back.

In X, sometimes Ctrl+Shift is used to input Unicode hexadecimal values, in which case the sequence (Ctrl+Shift+9, Release Ctrl+Shift) would work.

Contributors: AlexanderBostrom, BradAppleton, SeshKumar & others

Mozilla addon

This could work for mozilla firefox users: https://addons.mozilla.org/en-US/firefox/addon/3955.

JavaScript hacks

What if the following script were added to the edit page as the event handler for the onkeydown event of the TEXTAREA element:

The TEXTAREA tag should look like:


        <br/>
      </code>
      <p>
        We tested it and it worked fine in IE. However, keep in mind that this adds a TAB character to the end of the text area (not very helpful when editing!) If anyone knows how to get the location of the cursor using DHTML, then something like e.srcElement.value.slice(0,wherecursor) + "\t" + e.srcElement.value.slice(wherecursor) would work.
        [Guest note: AFAIK, the location of the cursor is not a property of the textarea which is exposed. X.] If also you would push tab to go to next field, this can not do that. My idea is just not to do this. Ether use copy & paste tab or convert space to tab.
      </p>
      <p>
        Contributors: <a href="RodrigoOliveira.html">RodrigoOliveira</a>, CarlosGoncalves.
      </p>
      <p>
        Could we make a <a href="BookMarklet.html">BookMarklet</a> out of this?
      </p>
      <code>
        <script language='javascript'><br/>
        function storeCaret (textEl) {<br/>
        if (textEl.createTextRange)<br/>
        textEl.caretPos = document.selection.createRange().duplicate();<br/>
        }<br/>
        function insertAtCaret (textEl, text) {<br/>
        if (textEl.createTextRange && textEl.caretPos) {<br/>
        var caretPos = textEl.caretPos;<br/>
        caretPos.text =<br/>
        caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?<br/>
        text + ' ' : text;<br/>
        }<br/>
        else<br/>
        textEl.value = text;<br/>
        }<br/>
      </code>
      <code>
        function onKeyDown(textE2)<br/>
        {<br/>
        var e = window.event;<br/>
        if (e.keyCode == 9) // tab<br/>
        {<br/>
        insertAtCaret(textE2, "\t")<br/>
        return false;<br/>
        }<br/>
        return true;<br/>
        }<br/>
        </script><br/>
      </code>
      <code>
        <TEXTAREA<br/>
      </code>
      <code>
        onKeyDown(this);"<br/>
      </code>
      <code>
        WRAP="virtual" NAME="text" ><br/>
      </code>
      <p>
        Editado por: Publio
      </p>
      <p>
        You'll find an other alternative at <a href="http://www.siteexperts.com/tips/elements/ts34/page1.asp">http://www.siteexperts.com/tips/elements/ts34/page1.asp</a>
      </p>
      <p>
        -- <a href="PerSoderlind.html">PerSoderlind</a>
      </p>
      <p>
        Both Publio's and <a href="PerSoderlind.html">PerSoderlind</a>'s solutions seem to be IE-specific. (See <a href="http://msdn.microsoft.com/workshop/browser/mshtml/reference/ifaces/textareaelement/createtextrange.asp">http://msdn.microsoft.com/workshop/browser/mshtml/reference/ifaces/textareaelement/createtextrange.asp</a> just to prove I did some token homework. :) -- <a href="JohnLusk.html">JohnLusk</a>, using Mozilla 0.9.6 on Linux. -- Confirmed not to work with Mozilla 1.1 Win32. -- CharlesNepote
      </p>
      <p>
        In <a href="NoteTab.html">NoteTab</a>, when using the search-and-replace function, the shorthand for a tab is ^T. [Idea - allow the string to be replaced by a tab character to be specified on the editing page.]
      </p>
      <p>
        I like this idea! It's very easy and you don't need <a href="JavaScript.html">JavaScript</a>! I'll explain you why <a href="JavaScriptSucks.html">JavaScriptSucks</a>. 
      </p>
      <p>
        Based on <a href="http://www.mozilla.org/projects/ui/accessibility/mozkeylist.html">http://www.mozilla.org/projects/ui/accessibility/mozkeylist.html</a> I've determined that Ctrl+Alt+Tab works in Mozilla on OS X. There is no visual feedback though: the insertion point stays put.
      </p>
      <hr/>
      <p>
        An extension called mozex gives you (finally!) a chance to edit textareas, show page sources, etc, outside humongous browsers. Especially people who like vi's should find it very attractive.
      </p>
      <hr/>
      <p>
        This works in IE not Mozilla but is pretty simple to implement:
      </p>
      <code>
        /* adds a tab to a textarea when the tab key is pressed, <br/>
        instead of moving focus to next control - <br/>
        insert textarea_tab(this); into " event */<br/>
        function textarea_tab(ob){<br/>
        //if a tab is pressed<br/>
        if (event.keyCode == 9){ //9 = Tab<br/>
        //store the current selection / cursor position<br/>
        ob.selection = document.selection.createRange();<br/>
        //set the selected text (or current cursor position) to a tab<br/>
        ob.selection.text = String.fromCharCode(9);<br/>
        //cancel the keypress event itself (to prevent the tab from moving focus to the next control)<br/>
        event.returnValue = false;<br/>
        }<br/>
        }<br/>
      </code>
      <hr/>
      <p>
        A slight variation of the <a href="JavaScript.html">JavaScript</a> version above works well (and puts the tab at the location of the selection):
      </p>
      <code>
        <TEXTAREA document.selection.createRange().text=String.fromCharCode(9);}"><br/>
      </code>
      <hr/>
      <p>
        <strong>Discussion</strong>
      </p>
      <p>
        It would be nice if Wiki's <a href="TextFormattingRules.html">TextFormattingRules</a> didn't use tabs at all. <a href="ConvertSpacesToTabs.html">ConvertSpacesToTabs</a> is a hack, and there are better ways to denote lists (e.g., list items start with one or more * in the first column).
      </p>
      <p>
        On the other hand, it's not that hard to type tabs. The amount of work it would take to convert all of Wiki's scripts to tabless markup probably isn't worth the resulting benefit.
      </p>
      <p>
        <em>I may just start using a text editor, maybe even </em>save<em> and </em>revise<em> content before I add it. Think on it a little, even...</em>
      </p>
      <hr/>
      <p>
        Using the new <a href="MozillaFirefox.html">MozillaFirefox</a> with the <a href="QuickNote.html">QuickNote</a> extension, one can copy the text from the <a href="EditText.html">EditText</a> box into the <a href="QuickNote.html">QuickNote</a> window (which supports tabs), edit it there, copy and paste back into the main browser text area. Since it's integrated with the browser (Ctrl+F7) once it's installed, it's trivial to use for those cases where it's needed.
      </p>
      <p>
        In fact, if you just want an insertable TAB character, you can open <a href="QuickNote.html">QuickNote</a>, hit TAB, copy it, and paste it wherever you need it in the browser text area.
      </p>
    </div>
  </body>
</html>