πŸ‘» 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).
TypeScript JavaScript HTML
Latest commit 78b289b Oct 3, 2016 @bfred-it bfred-it committed on GitHub Readme: updated Chrome/Firefox install links

README.md

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

Demo screencast

Installation

  1. Install the editor extension: for Sublime Text or for Atom
  2. Install the browser extension: for Chrome or for Firefox

Website support

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

Usage

Open the connection

In Chrome, click the GhostText button in the upper-right corner to open up Sublime Text. Alternatively you can you these keyboard shortcuts to activate GhostText:

OS Shortcut
Windows ctrl + shift + K
Linux ctrl + shift + H
Mac cmd + shift + K
The shortcut can be changed or disabled

If there is more than one supported field in the current page and you haven't focused any of them already, you will be prompted to click on a field to open the connection.

Close the connection

The connection will be closed when:

  • The webpage changes or is reloaded
  • The tab or window is closed (either in the browser or in the editor)
  • The used field is removed from the document

Complementary repos

Learn more