HTML pages (.html)

An .html file opened from the tree becomes a preview tab backed by a real layout engine: flexbox, floating blocks, positioning, media queries, gradients, CSS variables and CSS3 selectors. That is what makes a modern report — the kind an AI generates, with metric cards, a table and a chart — look like it does in a browser instead of collapsing into a wall of text.

Text is selectable: drag to select, double-click to take a word, Ctrl+A selects the whole page and Ctrl+C copies (the context menu offers Copy and Select all).

The top bar has the Outline (the page headings; click to jump) and Find (Ctrl+F — highlights every match, F3 and Shift+F3 move between them, Esc closes). Zoom has left the tab bar: it lives in a single place, the status bar, as in every view (see Workspace and windows).

Export PDF paginates the page into A4 with vector text — the PDF stays searchable and the text selectable. The tab also follows the file on disk: regenerate the report and it refreshes on its own without losing your reading position. And a page that does not pick its own colours follows the application theme; one that defines its own is shown as it was designed.

Links work: a link to another file in the same folder opens right there, #anchor scrolls to the section, and a web address opens in your browser.

What it does not do is JavaScript and networking — nothing is downloaded. When a page depends on that (a script, <canvas>, <iframe> or a remote resource), a bar appears with Open in browser. Tip for reports: ask the AI for HTML without JavaScript and without CDNs, with the chart as inline SVG — then it opens complete in here. A page with too many nested elements (more than 500 levels) is not drawn here either: the bar says so and offers the same Open in browser.

Even so, a few things respond to a click, without running any script: a <details> box opens and closes from its header (and the toolbar gains Expand all when the page has one), a set of tabs switches the visible panel, and clicking a table header sorts the rows — clicking the same column again reverses it, and a column of numbers sorts by value, not as text. When the tab→panel pairing is not unambiguous, nothing is changed: the page stays exactly as it came.

Two adjustments happen automatically, because the engine lacks them: display:grid and gap become the equivalent flexbox, and inline <svg> is drawn. box-shadow is ignored. To go back to the old viewer, clear HTML viewer with full layout under Settings → General → Features.