Projects & workspace

An Android workspace for real web projects. HTML Designer keeps project folders, linked sites, source editing and preview in one workflow, with local files in folders you choose and saved remote connections.

Local projects

Open folders as editable web projects and keep files visible beside the editor. File ▸ Open Local Folder… (Ctrl+O) shows Android's folder picker: the folder you choose becomes the project, and the app may read and write only inside it. Linked folders stay accessible between launches; File ▸ Settings… ▸ Projects lists them, and Unlink removes one from the list and revokes the permission (the files are not deleted).

File ▸ New File… (Shift+Alt+N) and New Folder… (Ctrl+Shift+N) work in the open folder; Close Local Folder (Ctrl+Shift+W) closes it, and File ▸ Recent Projects reopens one.

Linked sites

The Projects palette (Window ▸ Projects, F8) lists saved FTP, FTPS and SFTP sites next to local project shortcuts. See FTP, FTPS & SFTP.

The Files app

Project actions include revealing a file with Show in Files and launching pages in a browser with Preview in Browser. Delete… asks before it deletes: Android has no Trash to recover a file from.

HTML, CSS, JavaScript, PHP, Markdown and SVG files (.html .htm .css .js .php .md .svg) also open in HTML Designer from the Files app and from other apps.

Project windows

Each project has its own window, so remote and local projects keep their site-specific editing tasks organised. View ▸ Next File (Ctrl+Shift+]) and Previous File (Ctrl+Shift+[), or Window ▸ Next Document (Ctrl+Tab) and Previous Document (Ctrl+Shift+Tab), move between the open files.

Projects first

The main workflow starts with the site you are working on, not with a blank document. Open a folder or connect to a saved site and continue from there. With Reopen the last project at launch in File ▸ Settings… ▸ General, the app reopens the last project folder you used, if the permission is still valid, and restores the files you were working on.