Visual and Code

Two views of the same content, two buttons above the editor.

Visual

The default. A rich-text editor (TipTap) with a toolbar for headings, lists, links, quotes and code. What you see is roughly what the published page will render.

Code

The Code tab shows the same content as HTML in a proper code editor:

• Syntax highlighting — tags, attributes and strings are coloured.
• Line numbers and a fold gutter — the HTML is pretty-printed with two-space indentation, so block elements sit on their own lines.
• Bracket matching and auto-closing tags.
• Search with Ctrl/Cmd + F, plus undo and redo.
• A Format button re-indents the HTML after you have made hand edits.

Inline content is never broken apart — a paragraph with bold and links inside stays on one line, so formatting cannot insert stray spaces into your text.

Switching back

Switch to Visual and the HTML is parsed back into the rich-text editor. Content you added by hand in Code view appears with the formatting the HTML describes.

Which should I use?

Use Visual for everyday writing. Reach for Code when you need exact markup — an embed, a <span> with a class, or a table the toolbar does not cover.

Saving

Both views save the same stored HTML. There is no separate “code” copy, so nothing is lost when you switch back and forth.