https://github.com/grassator/sublime-live-html
Live updates to browser DOM & CSS from Sublime Text
https://github.com/grassator/sublime-live-html
Last synced: 10 months ago
JSON representation
Live updates to browser DOM & CSS from Sublime Text
- Host: GitHub
- URL: https://github.com/grassator/sublime-live-html
- Owner: grassator
- Created: 2014-01-26T07:13:26.000Z (almost 12 years ago)
- Default Branch: master
- Last Pushed: 2014-05-20T14:58:07.000Z (over 11 years ago)
- Last Synced: 2023-04-09T14:49:41.622Z (almost 3 years ago)
- Language: Python
- Homepage: http://kubyshkin.ru/live-html/
- Size: 184 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sublime Live HTML
Complimentary plugin for [Live HTML](http://kubyshkin.ru/live-html/). Allows for live updates to browser DOM after each keystroke when editing HTML or CSS inside Sublime Text 2 and 3.
## Installation
1. Open Sublime Text
2. Inside applicatin menu go to:
* on Windows: `Preferences -> Browse Packages`
* on Mac: `Sublime Text -> Preferences -> Browse Packages`
3. Download and unzip this repository into a folder inside or
use `git clone` functionality.
## Usage
To enable live editing mode when working on a CSS or HTML file that is a part
of active Live HTML project you can press `Ctrl+Alt+Shift+L`
(`Cmd+Alt+Shift+L` on a Mac) or use `Toggle Live HTML` from command pallete.
If plugin was able to connect to Live HTML server than you will see text
`` appear in the bottom left corner of Sublime Text window. After that
any change you make will be sent to Live HTML without a need to save the file.
Live editing mode is enabled on per-file basis and can be disabled by using
the same shortcut or command.
## Known Issues
* It's not possible to specify connection port just yet, so it's only possible
to use this plugin with default Live HTML port (55555)
* There is no error when you try to enable live editing mode for file
that is not a part of any Live HTML project