What are the best tools for synchronizing code between the browser and an external editor?

Question

WebProgramming

What are the best tools for synchronizing code between the browser and an external editor?

3

Options
Considered

2

User
Recs.

May 1, 2017

Last
Updated

3 Options Considered

Best tools for synchronizing code between the browser and an external editor	Price	Last Updated
-- Browsersync	-	Apr 29, 2017
-- GhostText	-	May 1, 2017
-- itsalltext	-	Apr 28, 2017

See Full List

Built By the Slant team

Find the best product instantly.

4.7 star rating

Try it now - it's free

Answer 1

Browsersync

Top Pro

Remembers scroll position

Remembers scroll position and synchronize it across all browsers so you don't have to move to the appropriate part of the page after each reload. See More

Top Con

Setting up in Windows can be a little tricky

Sometimes when setting up BrowserSync in Windows some errors will pop up. Most of the time this is because npm throws errors when trying to compile BrowserSync and some of the dependencies need Visual C++ runtime libraries. This is easily solvable by installing Visual Studio. Once it's installed, there should not be any more problems. See More

Top Pro

Free and open source

Licensed under MIT. See More

Top Pro

Works with older versions of IE

Browser-Sync works with all supported IE versions - IE7 and up. See More

Top Pro

Synchronized navigation

When navigating in one browser, other browsers will automatically follow to the same place. See More

Top Pro

Doesn't require a browser plugin

BrowserSync does not require a browser plugin to be installed. This is because it serves the files directly itself, and uses a script which opens a socket between the browser and the server. See More

Top Pro

CSS injection

Once the monitored .css file is saved, changes are implemented without a refresh. See More

Top Pro

Works concurrently across multiple devices

It is not constrained to a single device, it works across desktop and mobile devices at the same time. It will update code changes, synchronize scroll positions and form inputs automatically across all browsers and devices. See More

Top Pro

Works as a standalone npm package or as a Grunt plugin

To install as a standalone npm package npm install -g browser-sync To install as a grunt-plugin npm install grunt-browser-sync See More

Top Pro

Works with basically every desktop and mobile browser

Browser-Sync has been tested to work with desktop (Chrome, Firefox, IE 7-10, Safari, Opera) and mobile (Android, iOS, Windows Phone, Opera Mobile, Firefox Mobile) browsers. See More

Top Pro

Synchronized form field input

When filling out a form in one browser, same information will be repeated in other browsers. See More

Top Pro

Cross-platform

Works on Windows, Linux and OS X. See More

See All

score 1 · Answer 2

GhostText

Top Pro

Support for <textarea>, contentEditable, CodeMirror and Ace editing.

score 1 · Answer 3

itsalltext

Top Pro

Thorough and comprehensive instructions and explanations on the site

The Slant team built an AI & it’s awesome

Find the best product instantly

What are the best tools for synchronizing code between the browser and an external editor?

3 Options Considered

Browsersync

My Recommendation for Browsersync

My Recommendation for Browsersync

Remembers scroll position

Setting up in Windows can be a little tricky

Free and open source

Works with older versions of IE

Synchronized navigation

Doesn't require a browser plugin

CSS injection

Works concurrently across multiple devices

Works as a standalone npm package or as a Grunt plugin

Works with basically every desktop and mobile browser

Synchronized form field input

Cross-platform

GhostText

My Recommendation for GhostText

My Recommendation for GhostText

Support for <textarea>, contentEditable, CodeMirror and Ace editing.

itsalltext

My Recommendation for itsalltext

My Recommendation for itsalltext

Thorough and comprehensive instructions and explanations on the site

Don't see your favorite option? Add it.

One sec!