Is there a Firefox add-on to use vim to edit textboxes?

FirefoxVim

Firefox Problem Overview


or "How do I answer questions on SO in Firefox using gVim inside the textboxes?"

Firefox Solutions


Solution 1 - Firefox

It's All Text!

From the extension page:

> At the bottom right corner of any edit > box, a little edit button will appear. > Click it. If this is the first time > you've used "It's All Text!" then you > will be asked to set your preferences, > most importantly the editor. > > The web page will pop up in your > selected editor. When you save it, > it'll refresh in the web page. Wait > for the magic yellow glow that means > that the radiation has taken effect!

Solution 2 - Firefox

Vimperator makes Firefox act very much like VIM:

> Vimperator is a free browser add-on for Firefox, which makes it look and behave like the Vim text editor. It has similar key bindings, and you could call it a modal web browser, as key bindings differ according to which mode you are in.

Once you have the cursor in a text box, hit Ctrl-I to open in your editor, which defaults to gvim.

Solution 3 - Firefox

The current answers don't work anymore now that Mozilla removed XUL in favour of WebExtensions. With recent firefox versions, there are the following options (sorted in descending order by the current popularity on addons.mozilla.org).

GhostText provides instant synchronization between editor and textbox via editor-specific plugins. The project is on github and the vim extension is written in Tcl.

withExEditor is cross-platform but requires a native application written in node.js. In addition to editing text fields it also allows viewing the source of the page, MathML, SVG and the current selection. The project on github and the native node.js application

Textern requires a (currently) Linux-only native application written in Python. Synchronizes the content of the text field while you type in the editor. The extension and the native app can be found on github

Solution 4 - Firefox

It's All Text! will let you use whatever editor you want. To use vim with it, you'll need a small shell script to open it in a terminal:

#!/bin/sh
exec xterm -e /usr/bin/vim "$@"

If you have GVim, you won't need the shell, script, obviously.

Solution 5 - Firefox

ViewSourceWith is another addon worth lookng at. It supports more than just edit boxes and text. For example, you can configure it to open images in the GIMP.

Another feature that I find useful is that it can pop-up a dialog box that shows all the js and css scripts used on the page. You can then choose to view/edit file in your preferred editor.

For answering questions on SO, you may also want to get the Vim Markdown Syntax file

Solution 6 - Firefox

The "It's all Text" extension, perhaps?

http://addons.mozilla.org/en-US/firefox/addon/4125

Solution 7 - Firefox

Tridactyl is probably what you're looking for nowadays.

It's the spiritual successor to the likes of Pentadactyl and Vimperator, which are not available for the current version of Firefox.

If you want something more like It's All Text, where the editing area appears right on top of the browser text area rather than launching an editor window, and you're willing to use Neovim, check out firenvim.

Solution 8 - Firefox

If you use vimperator and have the markdown syntax file installed, a useful line for your .vimperatorrc is:

au LocationChange .* :set editor="gvim -f"
au LocationChange stackoverflow\.com :set editor="gvim -f -c 'set ft=mkd'"

This will tell vim to do syntax highlighting for markdown when you are on stackoverflow.com, but not when you are any other site. There are similar hacks for wikipedia/mediawiki etc. Enjoy :)

Solution 9 - Firefox

One way to do this is to use the vimperator extension - of course, that does a lot more than what you're looking for.

Solution 10 - Firefox

At the time of writing it is experimental, but the jV extension looks good. To quote from the page:

This extension makes all html textareas into a very stripped-down version of Vi[m]. It's modal, supports infinite undo, has register support, search, visual mode, and various movement and editing commands.

Solution 11 - Firefox

There is an experimental way to directly embed the real vim in firefox using embedded editor - though it requires mozplugger and will only work on Linux.

Solution 12 - Firefox

When using Vimperator in Windows (I am using Vista) you may need to double-escape the path to gvim.exe to use it as the external editor. Single escaping did not work for me as Vimperator unescapes it twice. Eg:

:set editor="C:\\\\Program\\ Files\\ (x86)\\\\Vim\\\\vim72\\\\gvim.exe" -f

Then while in a text box you use Ctrl+I and it will open gvim for editing. When you save and exit it will update the text box.

Solution 13 - Firefox

Try out the wasavi extension. You might want to check out the all versions page to make sure you try out the latest version. (Copy of this answer.)

Solution 14 - Firefox

You can also use the ViewSourceWith addon to achieve the same. Just right-click on any text input and you can edit it using Vim.

Solution 15 - Firefox

As said by others, as a Vi/(g)Vim user you'll probably want to look at the Vimperator addon, which also provides the what you ask: inside a textbox, hit <C-i> to launch the external editor. (can be defined in _vimperatorrc: set editor=gvim -f )

Solution 16 - Firefox

A hint for Mac users: if you want to use "It's all text" with vim, the easiest way is to use http://code.google.com/p/macvim/ . Point "It's all text" to the mvim script that's provided along with the .app (you can place this script anywhere, I choose /usr/bin/ so that I can load mvim from the command line)

Solution 17 - Firefox

Pterosaur is a Firefox plugin that allows you to use Vim in all input fields. It uses an actual Vim process in the background so it has all the functionality you expect, including reading your .vimrc configuration and your plugins.

Solution 18 - Firefox

With Firefox-57 on Linux, I installed textern https://addons.mozilla.org/en-US/firefox/addon/textern/, and found it to be a suitable replacement for ViewSourceWith for editing text boxes.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
Questionuser13060View Question on Stackoverflow
Solution 1 - FirefoxBlair ConradView Answer on Stackoverflow
Solution 2 - FirefoxJason TerkView Answer on Stackoverflow
Solution 3 - FirefoxjoschView Answer on Stackoverflow
Solution 4 - FirefoxClinton DreisbachView Answer on Stackoverflow
Solution 5 - FirefoxerichuiView Answer on Stackoverflow
Solution 6 - FirefoxErik ForsbergView Answer on Stackoverflow
Solution 7 - FirefoxDavid GayView Answer on Stackoverflow
Solution 8 - FirefoxHamish DownerView Answer on Stackoverflow
Solution 9 - FirefoxzigdonView Answer on Stackoverflow
Solution 10 - FirefoxHamish DownerView Answer on Stackoverflow
Solution 11 - FirefoxHamish DownerView Answer on Stackoverflow
Solution 12 - FirefoxSimon HartcherView Answer on Stackoverflow
Solution 13 - FirefoxlydellView Answer on Stackoverflow
Solution 14 - FirefoxSwaroop C HView Answer on Stackoverflow
Solution 15 - FirefoxsottoView Answer on Stackoverflow
Solution 16 - FirefoxNick EdwardsView Answer on Stackoverflow
Solution 17 - FirefoxpfrenssenView Answer on Stackoverflow
Solution 18 - FirefoxcodeDrView Answer on Stackoverflow