# typo3-documentation/typo3cms-tutorial-editors architecture

> Architecture diagram of the GitHub repository typo3-documentation/typo3cms-tutorial-editors, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-25). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/typo3-documentation/typo3cms-tutorial-editors
- Repository: https://github.com/typo3-documentation/typo3cms-tutorial-editors
- Video tour (about a minute): https://gitdiagram.com/typo3-documentation/typo3cms-tutorial-editors/video

## Overview

This repository is a TYPO3 editor tutorial, not an executable CMS application. Its product workflow is an editor consulting task-focused guidance and applying it in TYPO3 to create or change website content. The tree documents page and content editing plus related tasks such as media, forms, access control, and link management. The map represents those documented capabilities; only the README and file tree were available, so it does not assert implementation-level calls or a prescribed sequence between topics.

Main entry points: [`Documentation/Pages/Index.rst`](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/Pages/Index.rst) (Page editing), [`Documentation/ContentElements/Content/Index.rst`](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/ContentElements/Content/Index.rst) (Content editing), [`Documentation/Pages/CreatingPages/Index.rst`](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/Pages/CreatingPages/Index.rst) (Create pages), [`Documentation/Pages/PageProperties/Index.rst`](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/Pages/PageProperties/Index.rst) (Page properties)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Pages"]
  node_pageguide["Page editing<br/>[Index.rst]"]
  node_pagecreate["Create pages<br/>[Index.rst]"]
  node_pageproperties["Page properties<br/>[Index.rst]"]
end

subgraph group_content["Content"]
  node_contentguide["Content editing<br/>[Index.rst]"]
  node_contentcreate["Create content<br/>[Index.rst]"]
  node_richtext["Rich text<br/>[Index.rst]"]
end

subgraph group_site["Site management"]
  node_media["Media module<br/>[Index.rst]"]
  node_forms["Contact forms<br/>[Index.rst]"]
  node_access["Access control<br/>[Index.rst]"]
  node_links["Link management<br/>[Index.rst]"]
end

subgraph group_backend["Backend guidance"]
  node_help["In-product help<br/>[Index.rst]"]
  node_login["Backend login<br/>[Index.rst]"]
  node_records["Record editing<br/>[Index.rst]"]
end

node_editor(("Editor"))
node_typo3["TYPO3 CMS"]

node_editor -->|"consults"| node_pageguide
node_editor -->|"consults"| node_contentguide
node_editor -->|"consults"| node_media
node_editor -->|"consults"| node_forms
node_editor -->|"consults"| node_access
node_editor -->|"consults"| node_links
node_editor -->|"consults"| node_help
node_editor -->|"consults"| node_login
node_editor -->|"consults"| node_records
node_pageguide -->|"covers"| node_pagecreate
node_pageguide -->|"covers"| node_pageproperties
node_contentguide -->|"covers"| node_contentcreate
node_contentguide -->|"covers"| node_richtext
node_pagecreate -->|"guides editing"| node_typo3
node_pageproperties -->|"guides editing"| node_typo3
node_contentcreate -->|"guides editing"| node_typo3
node_richtext -->|"guides editing"| node_typo3
node_media -->|"guides use"| node_typo3
node_forms -->|"guides setup"| node_typo3
node_access -->|"guides access"| node_typo3
node_links -->|"guides management"| node_typo3
node_help -->|"guides use"| node_typo3
node_login -->|"guides login"| node_typo3
node_records -->|"guides editing"| node_typo3

click node_pageguide "https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/Pages/Index.rst"
click node_pagecreate "https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/Pages/CreatingPages/Index.rst"
click node_pageproperties "https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/Pages/PageProperties/Index.rst"
click node_contentguide "https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/ContentElements/Content/Index.rst"
click node_contentcreate "https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/ContentElements/CreatingContent/Index.rst"
click node_richtext "https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/ContentElements/RichTextEditor/Index.rst"
click node_media "https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/MediaModule/Index.rst"
click node_forms "https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/ContentElements/ContactForm/Index.rst"
click node_access "https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/AccessControl/Index.rst"
click node_links "https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/LinkManagement/Index.rst"
click node_help "https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/HelpInside/Index.rst"
click node_login "https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/Login/Index.rst"
click node_records "https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/RecordModule/Index.rst"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_pageguide,node_pagecreate,node_pageproperties toneBlue
class node_contentguide,node_contentcreate,node_richtext toneAmber
class node_media,node_forms,node_access,node_links toneMint
class node_help,node_login,node_records toneRose
class node_editor,node_typo3 toneIndigo
```

## Components

### Pages

- [Page editing](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/Pages/Index.rst): `Documentation/Pages/Index.rst`
- [Create pages](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/Pages/CreatingPages/Index.rst): `Documentation/Pages/CreatingPages/Index.rst`
- [Page properties](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/Pages/PageProperties/Index.rst): `Documentation/Pages/PageProperties/Index.rst`

### Content

- [Content editing](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/ContentElements/Content/Index.rst): `Documentation/ContentElements/Content/Index.rst`
- [Create content](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/ContentElements/CreatingContent/Index.rst): `Documentation/ContentElements/CreatingContent/Index.rst`
- [Rich text](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/ContentElements/RichTextEditor/Index.rst): `Documentation/ContentElements/RichTextEditor/Index.rst`

### Site management

- [Media module](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/MediaModule/Index.rst): `Documentation/MediaModule/Index.rst`
- [Contact forms](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/ContentElements/ContactForm/Index.rst): `Documentation/ContentElements/ContactForm/Index.rst`
- [Access control](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/AccessControl/Index.rst): `Documentation/AccessControl/Index.rst`
- [Link management](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/LinkManagement/Index.rst): `Documentation/LinkManagement/Index.rst`

### Backend guidance

- [In-product help](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/HelpInside/Index.rst): `Documentation/HelpInside/Index.rst`
- [Backend login](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/Login/Index.rst): `Documentation/Login/Index.rst`
- [Record editing](https://github.com/typo3-documentation/typo3cms-tutorial-editors/blob/main/Documentation/RecordModule/Index.rst): `Documentation/RecordModule/Index.rst`

### Other components

- **Editor**
- **TYPO3 CMS**

## Connections

- Editor → Page editing: consults
- Editor → Content editing: consults
- Editor → Media module: consults
- Editor → Contact forms: consults
- Editor → Access control: consults
- Editor → Link management: consults
- Editor → In-product help: consults
- Editor → Backend login: consults
- Editor → Record editing: consults
- Page editing → Create pages: covers
- Page editing → Page properties: covers
- Content editing → Create content: covers
- Content editing → Rich text: covers
- Create pages → TYPO3 CMS: guides editing
- Page properties → TYPO3 CMS: guides editing
- Create content → TYPO3 CMS: guides editing
- Rich text → TYPO3 CMS: guides editing
- Media module → TYPO3 CMS: guides use
- Contact forms → TYPO3 CMS: guides setup
- Access control → TYPO3 CMS: guides access
- Link management → TYPO3 CMS: guides management
- In-product help → TYPO3 CMS: guides use
- Backend login → TYPO3 CMS: guides login
- Record editing → TYPO3 CMS: guides editing