👻 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).
Switch branches/tags
Nothing to show
Clone or download

README.md

GhostText

Demo screencast

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:
  2. Install your browser 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