Firefox Browser Add-ons
  • Extensions
  • Themes
    • for Firefox
    • Dictionaries & Language Packs
    • Other Browser Sites
    • Add-ons for Android
Log in
Preview of Vi Editing Mode

Vi Editing Mode by Mechiel Lukkien

Automatically and non-intrusively add a vi editing mode to all textareas/inputs. Behaviour remains unchanged (like insert mode), hitting Escape enables command mode.

5 (2 reviews)5 (2 reviews)
18 Users18 Users
You'll need Firefox to use this extension
Download Firefox and get the extension
Download file

Extension Metadata

About this extension
Automatically and non-intrusively add a vi editing mode to all textarea/input
elements on pages, so you can use vim keys/shortcuts to edit and navigate text.
Inputs/textareas keep working as they normally do (like insert mode, handled by
the browser), hitting "escape" enables command mode on the focused element,
indicated with a box-shadow.

Features:
- Simple, automatic, non-intrusive vi editing.
- Command, visual and visual-line modes.
- Plenty of commands/keys (but please contribute more!)
- Multi-level undo and redo.
- Repeat.
- The tab key inserts literal tabs after having been in command mode, until the element loses focus.
- Only basic addon permissions needed. (clipboard read/write permission requested on first use).

Non-goals:
- vi-like keys for other browser behaviour, like navigating on a page or the internet.
- Full-blown vi/vim editor (not all commands are needed, it doesn't have to look like a standalone vi/vim, it would be too much for an input element).
- Marks, tags, macros, registers, custom key mappings and other advanced features.

# Limitations

Since vi.js uses basic textarea/input elements, it inherits some
limitations/behaviour:

Textareas don't expose whether text (e.g. the selection) is visible in the
viewport. This limits how vi.js can implement some commands/motions.

Insert mode is handled by the browser (with the exeception of Tab, which can
insert a literal tab), including undo/redo while typing. JS doesn't have access
to textarea undo/redo history. vi.js tracks history for changes it makes (based
on commands), and tracks changes during insert by comparing contents between
going into insert mode. The edits a user makes in insert mode are turned into a
single history change to undo/redo.

In vi/vim, the cursor is typically "on" a character. With a textarea, it is
shown between characters. The position at the end of the line, after the last
character, before the newline, is not normally a separate position in vi. vi.js
lets you navigate to these positions, which changes how some motion keys work.

Access to the clipboard is only explicitly with the "y" and "p" keys. Commands
that remove/replace text don't change the clipboard.

Not all input types are supported, browsers only allow editing selections on
some files: text, search, url, tel, password. Others don't work: email,
time, etc.

Popular messaging web applications have custom UI elements for sending messages,
for their rich text. They often don't use standard textarea/input elements, so
this plugin won't help with those apps.

Some applications use "Escape" as a shortcut to cancel. Use "ctrl-{" as
alternative. Unfortunately, the obvious alternative "ctrl-[" is interpreted by
firefox as "back" and can't be intercepted.

See https://github.com/mjl-/vijs for details and development of this addon.
Rated 5 by 2 reviewers
Log in to rate this extension
There are no ratings yet

Star rating saved

5
2
4
0
3
0
2
0
1
0
Read all 2 reviews
Permissions and dataLearn more

Required permissions:

  • Access your data for all websites

Optional permissions:

  • Get data from the clipboard
  • Input data to the clipboard
More information
Add-on Links
  • Homepage
  • Support site
Version
0.0.11
Size
37.1 KB
Last updated
10 months ago (Nov 21, 2024)
Related Categories
  • Other
License
MIT License
Version History
  • See all versions
Add to collection
Report this add-on
Release notes for 0.0.11
v0.0.11

- Add an "id" to the manifest.json for Firefox.

v0.0.10

- Switch to manifest v3, this add-on/extension works with Chromium too.
- Use internal fake clipboard buffer if it isn't available, to make 'y' and 'p'
(yank/paste) somewhat work in insecure contexts.
More extensions by Mechiel Lukkien
  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

Go to Mozilla's homepage

Add-ons

  • About
  • Firefox Add-ons Blog
  • Extension Workshop
  • Developer Hub
  • Developer Policies
  • Community Blog
  • Forum
  • Report a bug
  • Review Guide

Browsers

  • Desktop
  • Mobile
  • Enterprise

Products

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacy
  • Cookies
  • Legal

Except where otherwise noted, content on this site is licensed under the Creative Commons Attribution Share-Alike License v3.0 or any later version.