> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/blocks/code/settings.md).

# Settings

## Edit in Modal

Allows you to open a detachable code window permitting you to detach your code window from the Block Inspector and move it around the page as you wish.&#x20;

<figure><img src="/files/BBkNBt4MI48U0FKzmEjt" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
This does not affect the other code windows.
{% endhint %}

## Open

* Select a code block.
* Navigate to the Primary tab of the Block Inspector.
* Find code window to detach (PHP, CSS and JS).
* Click "Edit in Modal" icon to open mobile window.
* Drag  Modal to desired position.

<figure><img src="/files/AsL8A0KP86M9qH1z6Gi5" alt=""><figcaption></figcaption></figure>

## Close

* Find Edit in Modal window you want to close.
* Click "**X"** to close.

<figure><img src="/files/UY1Fwaoz1balPNOS6lLY" alt=""><figcaption></figcaption></figure>

## Word Wrap

The word-wrap property allows long words to be broken and wrap onto the next line.

* Select a code block.
* Navigate to the Primary tab of the Block Inspector.
* Find input code to Word Wrap (PHP, CSS and JS).
* Click Word Wrap icon to word wrap the code.

<figure><img src="/files/fRVcErAM3KEWl5X6hQaF" alt=""><figcaption></figcaption></figure>

## Beautify

The beautify property helps you to format and indent your language source code to make it look more attractive and easier to read.

* Select a code block.
* Navigate to the Primary tab of the Block Inspector.
* Find input code to beatify (PHP, CSS and JS).
* Click Beautify icon to beautify code.

<figure><img src="/files/kxksNBwnYz0n3A6m9037" alt=""><figcaption></figcaption></figure>

## Re-render

The re-render property allows you to refresh your code.

{% hint style="info" %}
This is only required for PHP.
{% endhint %}

* Select a code block.
* Navigate to the Primary tab of the Block Inspector.
* Find PHP input code to re-render.
* Click Re-render icon to refresh the code.

<figure><img src="/files/co6x8J31bpPsyNbjcLom" alt=""><figcaption></figcaption></figure>

## Show on Editor

Allows you to show on the Editor exactly what you are coding. It can be toggled on or off.

* Select a code block.
* Navigate to the Primary tab of the Block Inspector.
* Find the Show on Editor property.
* Toggle as required.

<figure><img src="/files/NnFjEAVgr1FH2oJlcxQe" alt=""><figcaption></figcaption></figure>

## Prevent Clicks

Allows you to prevent the code from being altered.

* Select a code block.
* Navigate to the Primary tab of the Block Inspector.
* Find the Prevent Clicks property.
* Toggle as required.

<figure><img src="/files/C33elcnOdERSrPIJfPYc" alt=""><figcaption></figcaption></figure>
