---
title: Visual editor
description: Edit docs pages in the dashboard without writing MDX by hand.
---

Use the visual editor when you want to make page content changes directly in
the browser.

The visual editor is built for common documentation work: editing headings and
paragraphs, adding lists, inserting links, working with images, and using
Radiant components without switching to a local development environment.

## Open the editor

Open the Radiant dashboard and go to **Editor**.

<Image
  src="/images/dashboard-editor-editor-link.png"
  alt="Editor navigation item in the Radiant dashboard"
  align="left"
  width={100}
  zoom={false}
/>

## Visual mode and source mode

Use visual mode for no-code editing. Use source mode when you want to edit the
underlying page source directly.

Both modes update the same page file. If you switch to source mode, the syntax
you see is the same Markdown-plus-components syntax covered in
[Edit Markdown](/edit-markdown/format-text).

## Pending changes

After you edit a page, the editor shows a file-change indicator.

<Image
  src="/images/dashboard-editor-file-change-indicator.png"
  alt="One file change indicator in the editor"
  align="left"
  width={100}
  zoom={false}
/>

Publish when the changes are ready for readers.

## Related pages

<Columns columns={3}>
  <Column>

  <Card title="Manage pages" href="/edit-in-dashboard/manage-pages" icon="lucide:files">
    Create and organize page content.
  </Card>

  </Column>
  <Column>

  <Card title="Publish changes" href="/edit-in-dashboard/publish-changes" icon="lucide:send">
    Send dashboard edits live.
  </Card>

  </Column>
  <Column>

  <Card title="Format text" href="/edit-markdown/format-text" icon="lucide:type">
    Learn the source syntax.
  </Card>

  </Column>
</Columns>