Get the free theme
View Categories

Turning Error Checking On or Off, and Choosing Which Warnings You See

2 min read

When you edit in a Loupely Canvas code editor, Pro checks your HTML as you type. It flags problems like unclosed tags, duplicate ids, and unescaped characters, with a marker in the editor margin and the details on hover. Warnings never block saving. They’re there to catch mistakes, not to stop you.

Where it runs

Error checking lives inside the code editor, so it’s on by default in the Canvas page editor under Loupely Canvas Pro, Pages. For the other HTML boxes, the theme’s header and footer settings, the per page boxes, and the snippet, set, and template editors, error checking appears once you turn on the Code editor option, also on the Settings screen. A plain textarea has no checking to show.

Turning it on or off

Error checking has its own switch on the Loupely Canvas Pro Settings screen, under Error checking. It’s on by default. Turn it off to edit without the margin markers. When it’s off, the marker column is dropped entirely, so you’re not left with an empty gutter.

Choosing which warnings you see

Some warnings are about style rather than correctness, so you can ignore them from the same Settings screen:

  • Indentation style, mixing tabs and spaces: ignored by default.
  • Uppercase tag and attribute names: ignored by default, because uppercase is valid and inline SVG needs it.
  • Images without alt text: shown by default, and you can choose to ignore it.

The genuine error checks, unclosed tags, duplicate ids, unescaped characters, and duplicate attributes, are never in that list, so error checking still means something when it’s on.

<lc-toy:error-chips>
1 <section> 2 <div>Hours 3 <p style=”color:red”>Open 6 to 2</p> 4 </section>
line 2<div> is opened and never closed
line 3inline style on <p>, move it to your stylesheet