Get the free theme
View Categories

Editing in Full Screen in the Canvas Page Editor

2 min read

The Canvas page editor in Loupely Canvas Pro has a full screen mode that grows the editor to fill the browser window, so you can give it a whole monitor. It’s built for working on long, hand-authored pages without the wp-admin chrome around you.

Turning it on

Open a page under Loupely Canvas Pro, Canvas Pages. In the editor controls, on the right next to the Hide outline control, click Full screen. The toolbar, snippet picker, outline, and code box grow to fill the window, and the title reads Loupely Canvas Full Screen Editor.

Getting back

Press Esc, or click Exit full screen, to return to the normal layout. Nothing about saving or editing changes between the 2 views. It’s the same editor field throughout, so Save works the same in full screen as it does inline, and your snippet tokens still expand in the preview.

What it looks like on a wide monitor

On a wide screen, full screen centers the editor at a comfortable reading width rather than stretching the code edge to edge, so lines don’t run the full width of a large display. The outline sits alongside, and you can still hide it from the top bar when you want the editor to have the room to itself.

To put the live preview on a second monitor while you edit, open the preview in its own window.

Full screen is part of the Canvas page editor in Loupely Canvas Pro. For the editor’s other tools, the outline, section folding, and error checking, see the full page editor article.

<lc-toy:full-screen>
WordPress admin   Pages   Appearance   Settings
<section> <h1>Open by the freight house</h1> <p>Set the clock to the 8:14.</p> </section>