This is awesome. I'd love if the developer would add (even if it were optional) Command+[ / Command+] functionality to indent multiple lines at a time.
multiple lines indentation at a time is supported. You have to select multiple lines and press tab (to indent) or shift+tab (to remove indentation).
I like the fact that if you select multiple lines with one line partially selected, it works as expected (selecting whole of the partially selected line)
Awesome. One could make a useful bookmarklet out of this.
I'm worried about accessibility.
Most of the time tabs are used to navigate between fields, so it'd be cool if this was "opt-in", eg entering the textarea would render an icon to click that enabled this feature. Or at least some way to tell the user that pressing the ESCAPE key is how you should tab-out of the field.
One interesting thing about most implementations of tabs in textareas is that the insertion of a tab typically breaks the browser undo/redo stack for the textarea. This guy implemented it correctly though as mentioned in the bug filed on tabIndent.js: http://www.reddit.com/r/javascript/comments/13tfpf/burned_th...
P.S. Functionn contains a whole lot more of awesome resouces like tabIndent.js. There only a fraction of them I can post here at a time. Take a look if you're interested, and subscribe:
I'm a little late to the discussion here, but thought I'd post a comment anyway. My project (https://github.com/wjbryant/taboverride) has been around for a while and I'm always open to pull requests and feature enhancements / improvements. It looks like you're trying to solve the same problems and implement features which I've already implemented. Why not collaborate?
Hi everybody, this is Julian, the author of the project. I had no idea a small weekend project like this would be so widely accepted! Thank you all for your comments -- I'll be keeping track of them, and implementing features based on demand.
It's rather unfortunate that tab is also used for keyboard navigation between fields, since this would be the default behavior of text areas I would like.
Indeed. Many of the commenters have suggested alternatives, such as using Ctrl-[ and Ctrl-] instead, but the best by far that I've seen would be also binding a listener to the "escape" key, so that tab functionality is restored.
I believe I'll probably end up doing that, unless somebody else does it before I do.
Hi rpicard, as Hirvesh mentioned, the project is released under MIT. I will be adding the license details to the repo files shortly. Thanks for your interest!
Good stuff! I was going to point out the undo/redo and multiline tabbing affecting the line with the cursor on it, but bugs are already filed on 'thub.
Shift-tab generally has the meaning of "untab" already. Overloading it to mean "move to next input" would be very confusing for those of us expecting the old behaviour, and not at all discoverable for anyone else.
Done! Well, I hope it's done - I haven't made a chrome extension before. Let me know if it breaks...
https://github.com/Ilink/tabIndent.js
Cloned the project, should be available in the "extension/chrome" directory.
[+] [-] fratis|13 years ago|reply
[+] [-] ya3r|13 years ago|reply
I like the fact that if you select multiple lines with one line partially selected, it works as expected (selecting whole of the partially selected line)
[+] [-] arcatek|13 years ago|reply
[+] [-] julianlam|13 years ago|reply
[+] [-] kibwen|13 years ago|reply
[+] [-] dergachev|13 years ago|reply
I'm worried about accessibility.
Most of the time tabs are used to navigate between fields, so it'd be cool if this was "opt-in", eg entering the textarea would render an icon to click that enabled this feature. Or at least some way to tell the user that pressing the ESCAPE key is how you should tab-out of the field.
[+] [-] julianlam|13 years ago|reply
[+] [-] mtrimpe|13 years ago|reply
[+] [-] adroitec|13 years ago|reply
One interesting thing about most implementations of tabs in textareas is that the insertion of a tab typically breaks the browser undo/redo stack for the textarea. This guy implemented it correctly though as mentioned in the bug filed on tabIndent.js: http://www.reddit.com/r/javascript/comments/13tfpf/burned_th...
[+] [-] Hirvesh|13 years ago|reply
P.S. Functionn contains a whole lot more of awesome resouces like tabIndent.js. There only a fraction of them I can post here at a time. Take a look if you're interested, and subscribe:
http://functionn.blogspot.com
[+] [-] julianlam|13 years ago|reply
[+] [-] wjbryant|13 years ago|reply
[+] [-] julianlam|13 years ago|reply
Follow the development on the issue tracker: https://github.com/julianlam/tabIndent.js/issues
Thanks again!
[+] [-] romaniv|13 years ago|reply
[+] [-] julianlam|13 years ago|reply
I believe I'll probably end up doing that, unless somebody else does it before I do.
[+] [-] sokrates|13 years ago|reply
[+] [-] rpicard|13 years ago|reply
[+] [-] Hirvesh|13 years ago|reply
[+] [-] julianlam|13 years ago|reply
[+] [-] lowboy|13 years ago|reply
[+] [-] ilink|13 years ago|reply
[+] [-] ollysb|13 years ago|reply
[+] [-] archangel_one|13 years ago|reply
[+] [-] undershirt|13 years ago|reply
[+] [-] mistercow|13 years ago|reply
[+] [-] copypasteweb|13 years ago|reply
[+] [-] ilink|13 years ago|reply
[+] [-] jasdeepsingh|13 years ago|reply
[+] [-] CWIZO|13 years ago|reply
[+] [-] todd3834|13 years ago|reply