Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/danhper/atomic-chrome

Edit Chrome textareas in Atom
https://github.com/danhper/atomic-chrome

atom chrome editing textarea

Last synced: about 22 hours ago
JSON representation

Edit Chrome textareas in Atom

Awesome Lists containing this project

README

        

# Atomic Chrome

## Use Atom to edit in Chrome

![atom-icon](https://cloud.githubusercontent.com/assets/1436271/12668235/c228c514-c697-11e5-8cea-e71acabcd300.png)
![plus-icon](https://cloud.githubusercontent.com/assets/1436271/12668237/c23ab44a-c697-11e5-9076-50b70a1c3be7.png)
![chrome-icon](https://cloud.githubusercontent.com/assets/1436271/12668236/c233a4c0-c697-11e5-8bba-882291db3f65.png)

## Screencast

### Github issue (textarea)

![github](https://cloud.githubusercontent.com/assets/1436271/12668227/afee6a52-c697-11e5-9b19-c880a0e54132.gif)

### Gmail (contenteditable)

![gmail](https://cloud.githubusercontent.com/assets/1436271/12668226/afe32e26-c697-11e5-9814-2158e665f774.gif)

## Installation

You need to install

* [The Chrome Plugin](https://chrome.google.com/webstore/detail/atomic-chrome/lhaoghhllmiaaagaffababmkdllgfcmc) (Atomic Chrome from the Chrome Store)
* [The Atom package](https://atom.io/packages/atomic-chrome) (`atomic-chrome` from apm)

## Usage

Atom needs to be running for this to work.

1. Focus a textarea or a contenteditable element
2. Press the icon of Atomic Chrome (or the shortcut).

Note that the tab will open in the first launched instance of Atom.

### How do I bind a shortcut

1. Navigate to `chrome://extensions`
2. Scroll to the bottom of the page
3. Press 'Keyboard shortcuts'
4. Set a shortcut for Atomic Chrome

## Development

This repository is for the Chrome plugin development.
For the Atom package development, see https://github.com/tuvistavie/atomic-chrome-atom.
Contributions are welcome.