{"id":"6a67efc273037bd2e703691b","title":"2026 07 28 Visual Editing Replaces Markdown Authoring","path":"how-to/technical-articles/2026-07-28-visual-editing-replaces-markdown-authoring","contentMarkdown":"# 28-Jul-2026 — Visual editing replaces markdown authoring\n\n_____\n\n## The change in one sentence\n\nYou edit website text with a **visual (WYSIWYG) editor**. You no longer write markdown codes to change the site.\n\n## What members and content editors experience\n\nWhen you turn on **site edit** (or edit a walk description, group event description, or help block), you get TipTap: type normally, use the toolbar for headings, lists, links, tables and colour, and save. What you see while editing is what visitors get on the public page.\n\nThere is **no Edit/view toggle** for each field. Site edit means the visual editor; leaving site edit means the normal public page.\n\nOn busy pages (for example contact-us), the formatting toolbar only appears when you click into a field, so the page stays calm until you are actually changing something.\n\n## Before and after\n\nNot every group site has the new editor yet. **EKWG is still on the previous markdown editor**, so you can open [ekwg.co.uk/contact-us](https://www.ekwg.co.uk/contact-us), turn on site edit, and see the old workflow for real. The first two screenshots below are from that live site. The last two show the new TipTap experience on the NGX Ramblers staging site ([ngx-ramblers.org.uk](https://www.ngx-ramblers.org.uk)).\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/8c220007-806f-43a6-9a75-46d5341d0cae.png)\n\n*Still live on EKWG today: turn on site edit for contact-us and every text column gets its own Edit button. On a committee page that means a lot of green chrome before you have changed a single word.*\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/fc901147-df4b-49af-b4ef-f71436886aed.png)\n\n*Still live on EKWG today: click Edit and you type markdown codes (# for a heading, <br> for a line break) in a raw text box. The toolbar is for inserting those codes, not for seeing the finished look.*\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/a471c854-f553-4a7b-aa15-de6ee0278412.png)\n\n*New visual editor on the NGX Ramblers staging site: same contact-us pattern in site edit. No per-field Edit/view toggle. The heading already looks like a heading; the formatting toolbar stays out of the way until you click into a field.*\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/dc8b7de0-e303-4924-98c4-cee149cfac9f.png)\n\n*New visual editor on staging: click a field and the toolbar appears (bold, headings, lists, links, tables, colour). What you see while editing is what visitors get.*\n\n## Where markdown still exists\n\n**This change is only about how people edit pages in the browser.** It does not change the Content Export API, storage format, or machine-readable outputs.\n\nContent is still stored as markdown text. The public API still serves markdown exactly as before, for example:\n\n- `GET /api/public/content/path/<path>?format=markdown`\n- page URLs with `?format=markdown`\n- `Accept: text/markdown`\n\nThose endpoints, response media type (`text/markdown`), and JSON fields such as `contentMarkdown` are **unchanged** and remain required for AI, crawlers, and integrations.\n\n**Site authors** do not need to learn or type that format in the UI. The visual editor and the site handle conversion for them.\n\n### Pasting\n\nIf you already have markdown (from a doc, an old page, or a technical export) and you paste it into the visual editor, TipTap turns it into normal formatted content. That is the only everyday moment markdown still “matters” — and even then you do not have to understand the syntax; paste and continue editing visually.\n\n## What this is not\n\n- We have **not** removed markdown as a storage or interchange format.\n- The Content Export API markdown format is **fully retained** and must not be treated as optional or deprecated.\n- Public pages still render stored content for visitors (via the same pipeline as before).\n- Migration and export tools still use markdown for technical reasons; **only the site-authoring UI** is visual.\n\n## Practical tips\n\n1. Click into a text field to edit; click away when finished.\n2. Use the toolbar for structure and links — no codes to memorise.\n3. Image-only columns stay as images until you choose **add text** under column settings.\n4. If you paste messy HTML or large pastes with many images, the site may offer to split content into rows; that is optional help, not a markdown lesson.\n\n## Related product work\n\nThis continues the TipTap work started for email and walks (ref #303): one visual editor for rich text, with markdown kept as a silent interchange format rather than something non-technical people must learn.","contentHtml":"<h1>28-Jul-2026 — Visual editing replaces markdown authoring</h1>\n<hr>\n<h2>The change in one sentence</h2>\n<p>You edit website text with a <strong>visual (WYSIWYG) editor</strong>. You no longer write markdown codes to change the site.</p>\n<h2>What members and content editors experience</h2>\n<p>When you turn on <strong>site edit</strong> (or edit a walk description, group event description, or help block), you get TipTap: type normally, use the toolbar for headings, lists, links, tables and colour, and save. What you see while editing is what visitors get on the public page.</p>\n<p>There is <strong>no Edit/view toggle</strong> for each field. Site edit means the visual editor; leaving site edit means the normal public page.</p>\n<p>On busy pages (for example contact-us), the formatting toolbar only appears when you click into a field, so the page stays calm until you are actually changing something.</p>\n<h2>Before and after</h2>\n<p>Not every group site has the new editor yet. <strong>EKWG is still on the previous markdown editor</strong>, so you can open <a href=\"https://www.ekwg.co.uk/contact-us\">ekwg.co.uk/contact-us</a>, turn on site edit, and see the old workflow for real. The first two screenshots below are from that live site. The last two show the new TipTap experience on the NGX Ramblers staging site (<a href=\"https://www.ngx-ramblers.org.uk\">ngx-ramblers.org.uk</a>).</p>\n<p><img src=\"https://ngx-ramblers.org.uk/api/aws/s3/site-content/8c220007-806f-43a6-9a75-46d5341d0cae.png\" alt=\"\"></p>\n<p><em>Still live on EKWG today: turn on site edit for contact-us and every text column gets its own Edit button. On a committee page that means a lot of green chrome before you have changed a single word.</em></p>\n<p><img src=\"https://ngx-ramblers.org.uk/api/aws/s3/site-content/fc901147-df4b-49af-b4ef-f71436886aed.png\" alt=\"\"></p>\n<p><em>Still live on EKWG today: click Edit and you type markdown codes (# for a heading, <br> for a line break) in a raw text box. The toolbar is for inserting those codes, not for seeing the finished look.</em></p>\n<p><img src=\"https://ngx-ramblers.org.uk/api/aws/s3/site-content/a471c854-f553-4a7b-aa15-de6ee0278412.png\" alt=\"\"></p>\n<p><em>New visual editor on the NGX Ramblers staging site: same contact-us pattern in site edit. No per-field Edit/view toggle. The heading already looks like a heading; the formatting toolbar stays out of the way until you click into a field.</em></p>\n<p><img src=\"https://ngx-ramblers.org.uk/api/aws/s3/site-content/dc8b7de0-e303-4924-98c4-cee149cfac9f.png\" alt=\"\"></p>\n<p><em>New visual editor on staging: click a field and the toolbar appears (bold, headings, lists, links, tables, colour). What you see while editing is what visitors get.</em></p>\n<h2>Where markdown still exists</h2>\n<p><strong>This change is only about how people edit pages in the browser.</strong> It does not change the Content Export API, storage format, or machine-readable outputs.</p>\n<p>Content is still stored as markdown text. The public API still serves markdown exactly as before, for example:</p>\n<ul>\n<li><code>GET /api/public/content/path/&lt;path&gt;?format=markdown</code></li>\n<li>page URLs with <code>?format=markdown</code></li>\n<li><code>Accept: text/markdown</code></li>\n</ul>\n<p>Those endpoints, response media type (<code>text/markdown</code>), and JSON fields such as <code>contentMarkdown</code> are <strong>unchanged</strong> and remain required for AI, crawlers, and integrations.</p>\n<p><strong>Site authors</strong> do not need to learn or type that format in the UI. The visual editor and the site handle conversion for them.</p>\n<h3>Pasting</h3>\n<p>If you already have markdown (from a doc, an old page, or a technical export) and you paste it into the visual editor, TipTap turns it into normal formatted content. That is the only everyday moment markdown still “matters” — and even then you do not have to understand the syntax; paste and continue editing visually.</p>\n<h2>What this is not</h2>\n<ul>\n<li>We have <strong>not</strong> removed markdown as a storage or interchange format.</li>\n<li>The Content Export API markdown format is <strong>fully retained</strong> and must not be treated as optional or deprecated.</li>\n<li>Public pages still render stored content for visitors (via the same pipeline as before).</li>\n<li>Migration and export tools still use markdown for technical reasons; <strong>only the site-authoring UI</strong> is visual.</li>\n</ul>\n<h2>Practical tips</h2>\n<ol>\n<li>Click into a text field to edit; click away when finished.</li>\n<li>Use the toolbar for structure and links — no codes to memorise.</li>\n<li>Image-only columns stay as images until you choose <strong>add text</strong> under column settings.</li>\n<li>If you paste messy HTML or large pastes with many images, the site may offer to split content into rows; that is optional help, not a markdown lesson.</li>\n</ol>\n<h2>Related product work</h2>\n<p>This continues the TipTap work started for email and walks (ref #303): one visual editor for rich text, with markdown kept as a silent interchange format rather than something non-technical people must learn.</p>\n"}