> ## Documentation Index
> Fetch the complete documentation index at: https://docs.youware.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Code Editor

> Browse and edit your project's code directly in the workspace. View code instantly, edit as a subscriber, and save in real-time.

View your project's source code directly in the editor. No external tools needed. Subscribers can also edit and save changes instantly.

<img src="https://mintcdn.com/youware-18c86901/h_DcESWmm0jTyhQC/images/change_to_code_view.gif?s=dfc71a44efe45dedb0dfd4150a58a0a0" alt="Switching to code view interface demonstration" width="1756" height="1080" data-path="images/change_to_code_view.gif" />

## Access Your Code

Click **Code Editor** to browse your complete project structure and files. You can see:

* HTML, CSS, JavaScript files
* Project file organization
* All source code

## Edit Your Code

<CardGroup cols={2}>
  <Card title="For Subscribers" icon="edit-3" color="#10b981">
    Edit files directly and save instantly. Updates appear in your preview in real-time.
  </Card>

  <Card title="For Free Users" icon="eye" color="#6366f1">
    View and browse your project code. Upgrade to edit.
  </Card>
</CardGroup>

## What You Can Do

<CardGroup cols={2}>
  <Card title="View Code" icon="code" color="#3b82f6">
    Browse file structure and read source code (all users)
  </Card>

  <Card title="Edit Code" icon="pencil" color="#8b5cf6">
    Edit and save changes instantly (subscribers only)
  </Card>

  <Card title="No External Tools" icon="zap" color="#f59e0b">
    Make all changes directly in YouWare
  </Card>

  <Card title="Real-Time Updates" icon="refresh-cw" color="#ec4899">
    Changes apply instantly to your project preview
  </Card>
</CardGroup>

<Tip>
  **Pro tip:** Mix manual code edits with AI changes. Your manual edits are saved as part of your project, and the AI will consider them when making future changes.
</Tip>

## Frequently Asked Questions

<AccordionGroup>
  <Accordion title="Can I view code as a free user?">
    Yes. All users can browse and view their project code in Code Editor. Only [subscribers](https://www.youware.com/subscription?location=docs) can edit and save changes.
  </Accordion>

  <Accordion title="Do my code edits save automatically?">
    Yes. When you edit code as a subscriber, changes save instantly. You'll see updates in the preview immediately.
  </Accordion>

  <Accordion title="Can I download code from Code Editor?">
    No. Code Editor lets you view and edit in the workspace. To download your complete project code, use the download feature in your project settings (requires subscription).
  </Accordion>

  <Accordion title="What file types can I view in Code Editor?">
    You can view and edit any file in your project: HTML, CSS, JavaScript, JSON, and other text-based formats.
  </Accordion>

  <Accordion title="If I edit code in Code Editor, does it affect my AI edits?">
    Yes. Your manual code edits are part of your project. If you ask the AI to make changes afterward, it takes your edits into account. You can mix manual and AI editing freely.
  </Accordion>

  <Accordion title="Can I undo code changes in Code Editor?">
    You can use browser undo (Ctrl+Z or Cmd+Z) while editing. For larger undos, you may need to use your version control if connected to GitHub.
  </Accordion>

  <Accordion title="Is there syntax highlighting in Code Editor?">
    Yes. Code Editor includes syntax highlighting for all common web languages to make code easier to read.
  </Accordion>

  <Accordion title="Can I search or find text in Code Editor?">
    Yes. Use your browser's find function (Ctrl+F or Cmd+F) to search within the Code Editor.
  </Accordion>
</AccordionGroup>