shaunstanislauslau / ghosttext

👻 Use your text editor to write in your browser. Everything you type in the editor will be instantly updated in the browser (and vice versa).

Use your text editor to write in your browser. Everything you type in the editor will be instantly updated in the browser (and vice versa).

Notice: GhostText generally works but it has some bugs across the various implementations. If you use it regularly please consider contributing/bugfixing your editor's GhostText plugin.

Installation

1. Install your editor extension:
   • Sublime Text extension - Repo
   • Atom package
   • VS Code extension - Repo (Third party)
   • Vim script (Third party)
   • Neovim plugin (Third party)
   • Emacs package - Repo (Third party)
   • Acme client (Third party)
   • CLI editors like nano, joe, jupp, … may work via It's All Ghosts (Third party, not real time sync)
2. Install your browser extension:
   • Chrome extension
   • Firefox add-on
   • Opera - Use this to install the Chrome extension.

Website support

• <textarea> elements
• contentEditable areas: like in Gmail
• CodeMirror editors: used on CodePen, JSFiddle, JS Bin, …
• Ace editor: used on Tumblr, …

Usage

1. Open your editor
2. Click the GhostText button in the browser’s toolbar
3. Click inside the desired field (if there’s more than one)

Notice: in some editors you’ll need to run the Enable GhostText command after step 1. Refer to your editor’s GhostText extension readme. Sublime Text does this automatically.

Keyboard shortcuts

In Chrome, you can use a keyboard shortcut instead of clicking the button. You can also change or disable the shortcut.

Firefox doesn’t support them yet.

OS	Shortcut
Chrome on Windows	ctrl + shift + K
Chrome on Linux	ctrl + shift + H
Chrome on Mac	cmd + shift + K

License

MIT © Federico Brigante, Guido Krömer