---
description: How to edit your content on the Web
---

# Web Editor

{% stepper %}
{% step %}
Go to web.classlet.space

This is our web portal that allows you to edit your content.
{% endstep %}

{% step %}
Key in your code

<figure><img src="https://3349891533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjIzKZ5igIly5Ymft60he%2Fuploads%2F2R4TPRY9ry7jWLsZNBkR%2Fimage.png?alt=media&#x26;token=b8c1715d-a878-44c0-8359-5b546946b26c" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
### Dialogues

After keying in the code, a list of dialogues will appear. These are linked to the non player characters in Classlet using the _category_ field.

<figure><img src="https://3349891533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjIzKZ5igIly5Ymft60he%2Fuploads%2F6x5mwI7Gt5AJCpKre00Y%2Fimage.png?alt=media&#x26;token=53392fc7-2ac7-4efc-8bfc-afb29a6c5c16" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
### Expand to view form items

You can expand on the dialogues to view the underlying form items. These make up the content of the dialogue. For example, the below shows 3 items representing two conversations and an image, under the form. They are read like a Grid.

<figure><img src="https://3349891533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjIzKZ5igIly5Ymft60he%2Fuploads%2FbRd8U5WLlVeHjCgrBs3E%2Fimage.png?alt=media&#x26;token=73adaeff-af15-4a1d-9b6f-e97546a4ec51" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
### Editing the content

Clicking into the box shows the content which you can edit and save.

<figure><img src="https://3349891533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjIzKZ5igIly5Ymft60he%2Fuploads%2FrrN82xh8WFLL6H4j8sPx%2Fimage.png?alt=media&#x26;token=462a34fd-3acb-431a-9f7a-0633c4202934" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

Grab
