Vim interface on web browser input fields?

Clash Royale CLAN TAG#URR8PPP
I am looking for a browser plugin which inputs textin of input boxes with the same keyboard interface of the Vim text editor. I have adopted Vimium which makes general navigation much more effective, however I often find my self wish I had the Vim interface while I have selected an input field (like while I'm creating this post). I would very much like to be able to navigate the text in the same way I edit file with the vim text editor and I am curious if such a plugin exists?
vim browser chrome
add a comment |
I am looking for a browser plugin which inputs textin of input boxes with the same keyboard interface of the Vim text editor. I have adopted Vimium which makes general navigation much more effective, however I often find my self wish I had the Vim interface while I have selected an input field (like while I'm creating this post). I would very much like to be able to navigate the text in the same way I edit file with the vim text editor and I am curious if such a plugin exists?
vim browser chrome
unix.stackexchange.com/questions/36257/… || stackoverflow.com/questions/75652/…
– Ciro Santilli 新疆改造中心 六四事件 法轮功
Mar 3 '16 at 10:47
add a comment |
I am looking for a browser plugin which inputs textin of input boxes with the same keyboard interface of the Vim text editor. I have adopted Vimium which makes general navigation much more effective, however I often find my self wish I had the Vim interface while I have selected an input field (like while I'm creating this post). I would very much like to be able to navigate the text in the same way I edit file with the vim text editor and I am curious if such a plugin exists?
vim browser chrome
I am looking for a browser plugin which inputs textin of input boxes with the same keyboard interface of the Vim text editor. I have adopted Vimium which makes general navigation much more effective, however I often find my self wish I had the Vim interface while I have selected an input field (like while I'm creating this post). I would very much like to be able to navigate the text in the same way I edit file with the vim text editor and I am curious if such a plugin exists?
vim browser chrome
vim browser chrome
edited Apr 11 '12 at 21:17
Wieland
3,8811627
3,8811627
asked Apr 11 '12 at 17:22
rudolph9rudolph9
6451123
6451123
unix.stackexchange.com/questions/36257/… || stackoverflow.com/questions/75652/…
– Ciro Santilli 新疆改造中心 六四事件 法轮功
Mar 3 '16 at 10:47
add a comment |
unix.stackexchange.com/questions/36257/… || stackoverflow.com/questions/75652/…
– Ciro Santilli 新疆改造中心 六四事件 法轮功
Mar 3 '16 at 10:47
unix.stackexchange.com/questions/36257/… || stackoverflow.com/questions/75652/…
– Ciro Santilli 新疆改造中心 六四事件 法轮功
Mar 3 '16 at 10:47
unix.stackexchange.com/questions/36257/… || stackoverflow.com/questions/75652/…
– Ciro Santilli 新疆改造中心 六四事件 法轮功
Mar 3 '16 at 10:47
add a comment |
6 Answers
6
active
oldest
votes
The Pentadactyl and Vimperator addons for Firefox allow vim-like editing in text areas by pressing ctrl+t; I think there is also an option to turn it on permanenly. There is also It's All Text! that will actually launch an editor for you.
As far as Chrome goes, it's not as easy, as the API is quite limited. They require you to run a server on your system. There was TextareaConnect, but it appears to be broken right now.
I have finally dove into pentadactyll extension and I am very impressed!
– rudolph9
May 9 '12 at 16:57
add a comment |
wasavi provides a vim interface for text boxes in multiple web browsers (Chrom(ium), Firefox/Iceweasel & Opera) and I can confirm that it works on Chromium on Linux (Debian 7 w/ Gnome3). Start it with <Ctrl><Enter>, lots more info on the home page below:
wasavi home page
Github page
for Chrom(ium)
Links for installing to Opera and Firefox/Iceweasel can be found on the home page (link above - I did include them but I can't post with more than 2 links...)
It appears to lack visual block mode (at least in chrome) which is a big drawback, to me at least.
– pseyfert
Sep 13 '17 at 9:51
add a comment |
Adding to Shawn's answer, pentadactyl (and vimperator) allow you to press ctrl+i when in an text field to actually edit it in vim. It will save the contents of the text field to a temporary file, open that file in (g)vim, and read the (changed) contents back after closing the editor.
this should be added a comment to his answer.
– rudolph9
Apr 18 '12 at 17:54
4
I agree that it would have been better there, yeah. But I don't have enough rep to do that, and I did feel this was a valuable addition (as I personally find this feature quite useful), so I decided to do it this way instead. Sorry.
– MaienM
Apr 18 '12 at 18:34
add a comment |
If you're using Chrome, I recently release an open source Chrome extension called Vimsert. It'll let you edit any textarea within the Ace editor's vim-mode.
https://github.com/gabesullice/vimsert
it appears to have problems on the stackexchange and sharelatex sites though (ctrl+i is caught by the webpage and makes text italic, rather than launching the extension)
– pseyfert
Sep 13 '17 at 10:02
add a comment |
If you want to transform a textarea into a vim-like code editor, this bookmarklet allow you to transform any textarea into an ace by clicking three times on it. It support vim and emacs keybindings. You can select these at the bookmarklet creation page.
add a comment |
I think the key F is your answer, so that it mark all input boxes with a number, then hit the number with which input field you want, as simple as it is. Enjoy it!
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "106"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2funix.stackexchange.com%2fquestions%2f36257%2fvim-interface-on-web-browser-input-fields%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
6 Answers
6
active
oldest
votes
6 Answers
6
active
oldest
votes
active
oldest
votes
active
oldest
votes
The Pentadactyl and Vimperator addons for Firefox allow vim-like editing in text areas by pressing ctrl+t; I think there is also an option to turn it on permanenly. There is also It's All Text! that will actually launch an editor for you.
As far as Chrome goes, it's not as easy, as the API is quite limited. They require you to run a server on your system. There was TextareaConnect, but it appears to be broken right now.
I have finally dove into pentadactyll extension and I am very impressed!
– rudolph9
May 9 '12 at 16:57
add a comment |
The Pentadactyl and Vimperator addons for Firefox allow vim-like editing in text areas by pressing ctrl+t; I think there is also an option to turn it on permanenly. There is also It's All Text! that will actually launch an editor for you.
As far as Chrome goes, it's not as easy, as the API is quite limited. They require you to run a server on your system. There was TextareaConnect, but it appears to be broken right now.
I have finally dove into pentadactyll extension and I am very impressed!
– rudolph9
May 9 '12 at 16:57
add a comment |
The Pentadactyl and Vimperator addons for Firefox allow vim-like editing in text areas by pressing ctrl+t; I think there is also an option to turn it on permanenly. There is also It's All Text! that will actually launch an editor for you.
As far as Chrome goes, it's not as easy, as the API is quite limited. They require you to run a server on your system. There was TextareaConnect, but it appears to be broken right now.
The Pentadactyl and Vimperator addons for Firefox allow vim-like editing in text areas by pressing ctrl+t; I think there is also an option to turn it on permanenly. There is also It's All Text! that will actually launch an editor for you.
As far as Chrome goes, it's not as easy, as the API is quite limited. They require you to run a server on your system. There was TextareaConnect, but it appears to be broken right now.
answered Apr 11 '12 at 22:05
Shawn J. GoffShawn J. Goff
29.4k19110134
29.4k19110134
I have finally dove into pentadactyll extension and I am very impressed!
– rudolph9
May 9 '12 at 16:57
add a comment |
I have finally dove into pentadactyll extension and I am very impressed!
– rudolph9
May 9 '12 at 16:57
I have finally dove into pentadactyll extension and I am very impressed!
– rudolph9
May 9 '12 at 16:57
I have finally dove into pentadactyll extension and I am very impressed!
– rudolph9
May 9 '12 at 16:57
add a comment |
wasavi provides a vim interface for text boxes in multiple web browsers (Chrom(ium), Firefox/Iceweasel & Opera) and I can confirm that it works on Chromium on Linux (Debian 7 w/ Gnome3). Start it with <Ctrl><Enter>, lots more info on the home page below:
wasavi home page
Github page
for Chrom(ium)
Links for installing to Opera and Firefox/Iceweasel can be found on the home page (link above - I did include them but I can't post with more than 2 links...)
It appears to lack visual block mode (at least in chrome) which is a big drawback, to me at least.
– pseyfert
Sep 13 '17 at 9:51
add a comment |
wasavi provides a vim interface for text boxes in multiple web browsers (Chrom(ium), Firefox/Iceweasel & Opera) and I can confirm that it works on Chromium on Linux (Debian 7 w/ Gnome3). Start it with <Ctrl><Enter>, lots more info on the home page below:
wasavi home page
Github page
for Chrom(ium)
Links for installing to Opera and Firefox/Iceweasel can be found on the home page (link above - I did include them but I can't post with more than 2 links...)
It appears to lack visual block mode (at least in chrome) which is a big drawback, to me at least.
– pseyfert
Sep 13 '17 at 9:51
add a comment |
wasavi provides a vim interface for text boxes in multiple web browsers (Chrom(ium), Firefox/Iceweasel & Opera) and I can confirm that it works on Chromium on Linux (Debian 7 w/ Gnome3). Start it with <Ctrl><Enter>, lots more info on the home page below:
wasavi home page
Github page
for Chrom(ium)
Links for installing to Opera and Firefox/Iceweasel can be found on the home page (link above - I did include them but I can't post with more than 2 links...)
wasavi provides a vim interface for text boxes in multiple web browsers (Chrom(ium), Firefox/Iceweasel & Opera) and I can confirm that it works on Chromium on Linux (Debian 7 w/ Gnome3). Start it with <Ctrl><Enter>, lots more info on the home page below:
wasavi home page
Github page
for Chrom(ium)
Links for installing to Opera and Firefox/Iceweasel can be found on the home page (link above - I did include them but I can't post with more than 2 links...)
edited Dec 27 '18 at 23:53
answered Feb 28 '14 at 6:21
Jeremy DavisJeremy Davis
328210
328210
It appears to lack visual block mode (at least in chrome) which is a big drawback, to me at least.
– pseyfert
Sep 13 '17 at 9:51
add a comment |
It appears to lack visual block mode (at least in chrome) which is a big drawback, to me at least.
– pseyfert
Sep 13 '17 at 9:51
It appears to lack visual block mode (at least in chrome) which is a big drawback, to me at least.
– pseyfert
Sep 13 '17 at 9:51
It appears to lack visual block mode (at least in chrome) which is a big drawback, to me at least.
– pseyfert
Sep 13 '17 at 9:51
add a comment |
Adding to Shawn's answer, pentadactyl (and vimperator) allow you to press ctrl+i when in an text field to actually edit it in vim. It will save the contents of the text field to a temporary file, open that file in (g)vim, and read the (changed) contents back after closing the editor.
this should be added a comment to his answer.
– rudolph9
Apr 18 '12 at 17:54
4
I agree that it would have been better there, yeah. But I don't have enough rep to do that, and I did feel this was a valuable addition (as I personally find this feature quite useful), so I decided to do it this way instead. Sorry.
– MaienM
Apr 18 '12 at 18:34
add a comment |
Adding to Shawn's answer, pentadactyl (and vimperator) allow you to press ctrl+i when in an text field to actually edit it in vim. It will save the contents of the text field to a temporary file, open that file in (g)vim, and read the (changed) contents back after closing the editor.
this should be added a comment to his answer.
– rudolph9
Apr 18 '12 at 17:54
4
I agree that it would have been better there, yeah. But I don't have enough rep to do that, and I did feel this was a valuable addition (as I personally find this feature quite useful), so I decided to do it this way instead. Sorry.
– MaienM
Apr 18 '12 at 18:34
add a comment |
Adding to Shawn's answer, pentadactyl (and vimperator) allow you to press ctrl+i when in an text field to actually edit it in vim. It will save the contents of the text field to a temporary file, open that file in (g)vim, and read the (changed) contents back after closing the editor.
Adding to Shawn's answer, pentadactyl (and vimperator) allow you to press ctrl+i when in an text field to actually edit it in vim. It will save the contents of the text field to a temporary file, open that file in (g)vim, and read the (changed) contents back after closing the editor.
answered Apr 17 '12 at 14:17
MaienMMaienM
460159
460159
this should be added a comment to his answer.
– rudolph9
Apr 18 '12 at 17:54
4
I agree that it would have been better there, yeah. But I don't have enough rep to do that, and I did feel this was a valuable addition (as I personally find this feature quite useful), so I decided to do it this way instead. Sorry.
– MaienM
Apr 18 '12 at 18:34
add a comment |
this should be added a comment to his answer.
– rudolph9
Apr 18 '12 at 17:54
4
I agree that it would have been better there, yeah. But I don't have enough rep to do that, and I did feel this was a valuable addition (as I personally find this feature quite useful), so I decided to do it this way instead. Sorry.
– MaienM
Apr 18 '12 at 18:34
this should be added a comment to his answer.
– rudolph9
Apr 18 '12 at 17:54
this should be added a comment to his answer.
– rudolph9
Apr 18 '12 at 17:54
4
4
I agree that it would have been better there, yeah. But I don't have enough rep to do that, and I did feel this was a valuable addition (as I personally find this feature quite useful), so I decided to do it this way instead. Sorry.
– MaienM
Apr 18 '12 at 18:34
I agree that it would have been better there, yeah. But I don't have enough rep to do that, and I did feel this was a valuable addition (as I personally find this feature quite useful), so I decided to do it this way instead. Sorry.
– MaienM
Apr 18 '12 at 18:34
add a comment |
If you're using Chrome, I recently release an open source Chrome extension called Vimsert. It'll let you edit any textarea within the Ace editor's vim-mode.
https://github.com/gabesullice/vimsert
it appears to have problems on the stackexchange and sharelatex sites though (ctrl+i is caught by the webpage and makes text italic, rather than launching the extension)
– pseyfert
Sep 13 '17 at 10:02
add a comment |
If you're using Chrome, I recently release an open source Chrome extension called Vimsert. It'll let you edit any textarea within the Ace editor's vim-mode.
https://github.com/gabesullice/vimsert
it appears to have problems on the stackexchange and sharelatex sites though (ctrl+i is caught by the webpage and makes text italic, rather than launching the extension)
– pseyfert
Sep 13 '17 at 10:02
add a comment |
If you're using Chrome, I recently release an open source Chrome extension called Vimsert. It'll let you edit any textarea within the Ace editor's vim-mode.
https://github.com/gabesullice/vimsert
If you're using Chrome, I recently release an open source Chrome extension called Vimsert. It'll let you edit any textarea within the Ace editor's vim-mode.
https://github.com/gabesullice/vimsert
answered May 7 '15 at 15:50
GabeSulliceGabeSullice
111
111
it appears to have problems on the stackexchange and sharelatex sites though (ctrl+i is caught by the webpage and makes text italic, rather than launching the extension)
– pseyfert
Sep 13 '17 at 10:02
add a comment |
it appears to have problems on the stackexchange and sharelatex sites though (ctrl+i is caught by the webpage and makes text italic, rather than launching the extension)
– pseyfert
Sep 13 '17 at 10:02
it appears to have problems on the stackexchange and sharelatex sites though (ctrl+i is caught by the webpage and makes text italic, rather than launching the extension)
– pseyfert
Sep 13 '17 at 10:02
it appears to have problems on the stackexchange and sharelatex sites though (ctrl+i is caught by the webpage and makes text italic, rather than launching the extension)
– pseyfert
Sep 13 '17 at 10:02
add a comment |
If you want to transform a textarea into a vim-like code editor, this bookmarklet allow you to transform any textarea into an ace by clicking three times on it. It support vim and emacs keybindings. You can select these at the bookmarklet creation page.
add a comment |
If you want to transform a textarea into a vim-like code editor, this bookmarklet allow you to transform any textarea into an ace by clicking three times on it. It support vim and emacs keybindings. You can select these at the bookmarklet creation page.
add a comment |
If you want to transform a textarea into a vim-like code editor, this bookmarklet allow you to transform any textarea into an ace by clicking three times on it. It support vim and emacs keybindings. You can select these at the bookmarklet creation page.
If you want to transform a textarea into a vim-like code editor, this bookmarklet allow you to transform any textarea into an ace by clicking three times on it. It support vim and emacs keybindings. You can select these at the bookmarklet creation page.
answered May 15 '15 at 9:42
user115480
add a comment |
add a comment |
I think the key F is your answer, so that it mark all input boxes with a number, then hit the number with which input field you want, as simple as it is. Enjoy it!
add a comment |
I think the key F is your answer, so that it mark all input boxes with a number, then hit the number with which input field you want, as simple as it is. Enjoy it!
add a comment |
I think the key F is your answer, so that it mark all input boxes with a number, then hit the number with which input field you want, as simple as it is. Enjoy it!
I think the key F is your answer, so that it mark all input boxes with a number, then hit the number with which input field you want, as simple as it is. Enjoy it!
edited Mar 29 '16 at 2:11
answered Mar 28 '16 at 2:33
Eric RenEric Ren
111
111
add a comment |
add a comment |
Thanks for contributing an answer to Unix & Linux Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2funix.stackexchange.com%2fquestions%2f36257%2fvim-interface-on-web-browser-input-fields%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
unix.stackexchange.com/questions/36257/… || stackoverflow.com/questions/75652/…
– Ciro Santilli 新疆改造中心 六四事件 法轮功
Mar 3 '16 at 10:47