LIVEditor = Text Editor + Live Preview + CSS Inspector
For editing html pages, you might code in a text editor, preivew in the web browser, and tweaking css styles in DevTools/FireBug. It works, but it's very time-consuming and the workflow never feels smooth.
So I thought: why not integrate these three tools into a single software? And that's why LIVEditor has born. Here I present to you LIVEditor, whose single purpose is trying to make editing static web pages painless!
Preview changes as you edit html/css
Jump to applied styles with 1-click
Like using the html inspector in Firebug or Webkit Dev Tools, you click on a html element in the preview and all applied css styles will be listed.One more click opens the css file and jump to the css source code.
Rich code editing features
LIVEditor offers a bunch of handy html and css code editing features to make your life easier, including code completion, code folding, and so on.
Search-able menu, a big productivity help!
Visual Studio style docking & floating
In LIVEditor you can drag-and-drop to arrange the editor layout, similar to what you can do in Microsoft Visual Studio.
Want to have the html code, css code and preview visible at the same time and tweak the code like jsfiddle? No problem!
Folder outline helps project management
LIVEditor provides a handy but lightweight folder outline view that's extremely useful when working on a website project.
LIVEEditor Portable Full Version
Download for Windows Download for Linux
All 64-bit version program is recommended for most computers.
All 64-bit version program is recommended for most computers.
Older machines with less than 2GB of RAM may only be compatible with the 32-bit version.
Install instruction:
> UnZIP with 7-Zip or WinRAR. You can just download 7-Zip from click this link.
> UnZip password : vsourc.blogspot.com
> Please read readme.txt file for game play instraction.