Question

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

Was it helpful?

Solution

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!

OTHER TIPS

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.

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.

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

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

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

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 :)

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

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

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.

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.

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.

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.)

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.

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 )

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)

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.

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.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top