Files
mintlify__docs/editor/index.mdx
Ethan Palm 0f3871159a Editor UI changes (#3466)
* remove preview deployments

* update configuration image

* remove live preview

* update media page

* Revert "remove live preview"

This reverts commit 7f84b744b8.

* Revert "remove preview deployments"

This reverts commit da80ef4754.

* update navigation images

* Update pages.mdx

* update collaborate page with new preview UI

* update publish images

* Update index.mdx

* update live preview image
2026-02-13 16:47:49 -08:00

68 lines
2.4 KiB
Plaintext

---
title: "Web editor overview"
sidebarTitle: "Overview"
description: "Edit and publish documentation in your browser."
keywords: ["editor", "visual", "gitbook"]
---
<img
className="block dark:hidden my-0 pointer-events-none"
src="/images/editor/editor-light.png"
alt="Decorative image in light mode"
/>
<img
className="hidden dark:block my-0 pointer-events-none"
src="/images/editor/editor-dark.png"
alt="Decorative image in dark mode"
/>
Create, edit, and publish documentation directly in your browser with the web editor. View and share previews of your changes; manage your site's navigation structure with drag-and-drop components; and publish updates using your team's preferred workflow.
## Key features
- **Visual and Markdown editing**: Switch between visual and Markdown editing modes to suit your workflow.
- **Live preview**: See real-time changes without creating a preview deployment.
- **Shareable preview links**: Create preview links for your team from the editor.
- **Drag-and-drop navigation**: Organize your site structure visually without editing configuration files.
- **Git synchronization**: All changes sync automatically with your documentation repository.
- **Team collaboration**: Multiple team members can work simultaneously with branch-based workflows.
## Get started
<Card title="Create and edit pages" icon="notebook-pen" horizontal href="/editor/pages">
Create, edit, and organize pages.
</Card>
<Card title="Organize navigation" icon="list-tree" horizontal href="/editor/navigation">
Structure your site navigation.
</Card>
<Card title="Add media" icon="image" horizontal href="/editor/media">
Upload and use images, videos, and other assets.
</Card>
<Card title="Live preview" icon="play" horizontal href="/editor/live-preview">
Preview your site in real time as you edit.
</Card>
## Publish and collaborate
<Card title="Publish changes" icon="rocket" horizontal href="/editor/publish">
Save and publish your documentation updates.
</Card>
<Card title="Collaborate" icon="users" horizontal href="/editor/collaborate">
Work with teams using branches and pull requests.
</Card>
## Reference
<Card title="Configurations" icon="settings" horizontal href="/editor/configurations">
Configure site branding, colors, and features.
</Card>
<Card title="Keyboard shortcuts" icon="keyboard" horizontal href="/editor/keyboard-shortcuts">
Speed up your workflow with keyboard shortcuts.
</Card>