HTML Editor

Both JPad Pro and SitePad Pro support multiple HTML editors. HTML support includes editing, smart indent, source browser, and syntax coloring for *.html, *.xhtml, and *.htm file types. The HTML editor includes syntax coloring and smart indent for embedded scripting languages.

Editing HTML with SitePad Pro

To run HTML files in SitePad Pro via a server first install a local server and then make sure the server is started. Next just save the HTML file to a folder that is accessible by http://localhost/. On IIS save your files to wwwroot. On Apache save your files to htdocs. Then use the Preview tab to view the results. Clicking on the Preview tab will cause the HTML file to be served. If you do not see a preview tab turn it on using View/Preferences. Note: The Preview tab is only available in SitePad Pro.

If the file only contains client code then you can just use the Preview tab to view the results in the browser.

To run HTML files in both JPad Pro and SitePad Pro you can also use the Web Browser toolbar command to launch your browser for the active file.

Special Operations

See the @Tools/Html folder for special operations. There are scripts that will change all tags to upper or lower case, strip all tags, and a validate script that will run HTML tidy to validate the HTML (HTML tidy is also run when you choose the Tools/Validate menu command). There are also a number of insert scripts including an insert color which will let you select the color to insert.

Wrapping long lines

You can use the format script located in @Tools/XML to place each tag on its own line and then auto indent each line. This can be used to see the structure of long lines of HTML/XML that have no line breaks. To run the format script just double click on the script or use the context menu in the Tools panel. The format script operates on the whole file of the active editor.

If you just have a long line of text use the Wrap Text command (Ctrl + Shift + A) in the View/Special menu. You can use this command on the current line or on a selection. The Wrap Text command ignores blank lines so if your selection has one or more blank lines they will remain after you use the Wrap Text command. You can also use this command as you are entering a long line and then continue typing.