HTML Preview in PhpED

HTML Preview feature of NuSphere's Editor combined with HTML code navigator and HTML Code Folding features provides for easy HTML editing. The ability to see how the html code is going to be rendered in the browser as you are editing the code helps dramatically reduce the time spent on coding the presentation layer of the application.

HTML Preview tab in the Editor

Preview tab is available in the Editor when HTML file (or file assigned HTML as handled in Tools->Settings->Associations) is loaded.

click to enlarge

If you select Preview tab PhpED will immediately render the file currently being edited as it is shown in the example:

click to enlarge

HTML Split Preview

HTML Split Preview button provides the ways to see the display of your HTML files and the affect of you editing of HTML source immediately at run time. HTML Splitted Preview button is located in the gutters of the editor. When HTML Split Preview is selected the Editor window gets split and the bottom part shows the display of the HTML file. The changes made to the source in the top window are immediately reflected in the display:

click to enlarge

HTML Preview is only one of the many HTML Editor Tools available in PhpED along with PHP Editor Tools, such as HTML code folding and HTML code navigator. You can see these tools in action when you Download a free trial of NuSphere's PHP IDE today!