Accessing Manual Editor

1. Open Manual Editor URL in browser

   Development: http://localhost:3010/admin/manual-editor Production: https://your-domain.com/admin/manual-editor
2. Select Product

   Select the manual product to edit from the product dropdown in the header.
3. Select Section

   Click on the section file to edit from the left sidebar.

Editor Modes (YAML / Form)

Auto-Save Feature

Adding a New Section

1. Click the + button

   Click the "+" button at the top of the sidebar.
2. Enter Section Information

   Enter the following information in the modal:

   • Order: Numbers only (e.g., "3" → number becomes 03 automatically)
   • Document Info (unnumbered): Check for release notes, legal notices, etc.
   • Slug: Lowercase letters, numbers, and hyphens only (e.g., "new-feature")
   • Title: Enter multilingual title
3. Creation Complete

   Click the ✅ button to create the new section file, which will be automatically selected.

Adding a Subsection

1. Click the + Add Subsection button

   In Form mode, click the "+ Add Subsection" button.
2. Enter Subsection Information

   Enter the following information for the subsection:

   • ID: Unique identifier (e.g., "feature-overview")
   • Title: Multilingual title
   • Description: Multilingual description (optional)

Adding Content

1. Expand Subsection

   Click on the subsection to expand it where you want to add content.
2. Select Content Type

   Click the "+ Add Content" button and select the desired content type.
3. Edit Content

   Enter the fields according to the selected content type.

Reordering with Drag and Drop

1. Drag Item

   Click and drag the subsection or content item you want to move.
2. Drop at Target Location

   Drag to the desired location and release the mouse to change the order.

Document Information Area

1. Open a section file (not _product.yaml)

   Document Info is not configured in _product.yaml. Create or open a section YAML file (e.g., 90-release-notes.yaml, 08-reference.yaml).
2. Enable Document Info (unnumbered)

   In Form mode, open Section Info and check Document Info (unnumbered). Or in YAML mode, set: ``yaml section: number: "" slug: release-notes order: 90 unnumbered: true title: ko: 릴리즈 노트 en: Release Notes ``
3. Check the product cover preview

   After save and Sanity sync, the section appears under Document Information on the product cover (below Contents), without a number badge. Numbered chapters stay under Contents; unnumbered sections move to Document Information.

Auto Subsection Table of Contents

Uploading Images

1. Open Image Picker

   In Form mode, click the "📷 Select Image" button next to the image field.
2. Upload Image

   In the image picker modal: 1. Click the "📤 Upload" button 2. Select the image file to upload 3. After upload completes, select from the image list
3. Set Multilingual Images

   In the image picker, select language tabs (🇰🇷 Korean, 🇺🇸 English, 🇯🇵 Japanese, 🇪🇸 Spanish) to set different images for each language.

Checking Sync Status

Deploying to Server

1. Check Changes

   Verify that your edits have been auto-saved. (Auto-saved after 2 seconds or when switching sections)
2. Click Server Deployment Button

   Click the "🚀 Server Deployment" button in the header.

   • A full-screen loading overlay will appear
   • Synchronization to Sanity CMS will proceed
   • Results will be shown in a toast message when complete
3. Git Commit (Optional)

   Click the "▼" button next to "🚀 Server Deployment" to select "Deploy + Commit". To perform Git Commit: 1. Enter Git username and email 2. Enter commit message 3. Click "🚀 Deploy + Commit" button

Keyboard Shortcuts

Using Markdown Formatting

Deleting Content

Best Practices