mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
Ethan Palm
7d545c9699
* Add Markdown mode shortcuts to keyboard shortcuts reference Restructure the keyboard shortcuts page to cover both Visual mode and Markdown mode (Monaco editor). Visual mode shortcuts remain unchanged. New Markdown mode section documents standard VS Code shortcuts for find/replace, line manipulation, and multi-cursor editing. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * update keyboard shortcuts * remove out of date screenshots * copy edit index * add missing images * add info to pages * copy edit * concision for media page * copy edit publish * update live preview * update index * add features to index --------- Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
70 lines
2.6 KiB
Plaintext
70 lines
2.6 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 as you work.
|
|
- **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.
|
|
- **Built-in media manager**: Upload and organize images, videos, and other assets.
|
|
- **Git synchronization**: All changes sync automatically with your documentation repository.
|
|
- **Branch workflows**: Work on feature branches and create pull requests for review.
|
|
- **Team collaboration**: Multiple team members can work simultaneously with preview deployments.
|
|
|
|
## 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>
|