Preview changes as you edit html/css
When designing webpages we must see the results instantly, otherwise we’ll have to waste your brain power and time to simulate the results in your mind. LIVEditor uses a true web browser engine (same as Chrome) to provide live preview as you edit your html or css code.
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!
You can search for menu commands in LIVEditor, it’s very time-saving and handy, forgot a shortcut? No problem! Just type and search. Give it a try and you’ll love it!
Visual Studio style docking & floating (New!)
– 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 (New!)
LIVEditor provides a handy but lightweight folder outline view that’s extremely useful when working on a website project.
But LIVEditor is more than that!
– Code Block Highlighting
– One-click Format Code
– Live Find and Replace
– Search-able Menu!
– Preview PHP Includes
– Visual Studio Style Docking