> For the complete documentation index, see [llms.txt](https://doc.playturbo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.playturbo.com/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/top-asset-library/interactive-area.md).

# Interactive Area

\#Content editor

Entrance：Top Asset Library>>>Interactive Area

<figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2FO7NN1s9obqM2N1DKtwrq%2Fimage.png?alt=media&amp;token=f4cc6204-3008-4905-878c-69671144c272" alt=""><figcaption></figcaption></figure>

## 1.What is Interactive Area?

* It is a specific rectangular area that is not displayed during preview.
* It is specifically used for adding interactive events. In simple terms, by adding events on the interactive area layer, the area covered by the interactive area determines where the event takes effect.
* It separates events from elements, making it easier to maintain and modify events later on.

<figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2FraN06iXwvdpwiS9RGv0B%2Fimage.png?alt=media&amp;token=931c48a9-cf40-4fde-9a61-55a49a83563e" alt=""><figcaption></figcaption></figure>

## 2.Operations related to Interactive Area

### 1)Add an Interactive Area

* Clicking on the Interactive Area icon in the "Top Asset Library" will successfully add an Interactive Area.
* You can click multiple times to add multiple Interactive Areas.

### 2)Edit the Interactive Area

* You can adjust the position and size of the Interactive Area by modifying the values in the "Parameter Setting Area" .&#x20;
* You can also directly drag and resize the Interactive Area in the "Work Preview Area".

### 3)Copy/Paste Interactive Are

* You can click on the copy/paste buttons in the "Quick Access Area" to copy and paste.&#x20;
* You can also right-click in the "Layer Area" to perform copy/paste operations.

### 4)Delete Interactive Area

* Right-click on the layer in the "Layer Area" and select "Delete Layer" to remove the Interactive Area.

<figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2FfxSg7XeFmPhbRVCR0Ea9%2Fimage.png?alt=media&amp;token=9b591630-726c-4aa4-bdbf-10d07d47af9b" alt=""><figcaption></figcaption></figure>

For the parameter settings related to the Interactive Area, you can refer to the [Broken mention](broken://pages/PT8qW2vSFPW0C3DejKV3) section for more details.