---
title: "code editor · RUAL Documentation"
description: "Opens a code editor to define code in various languages (CSS, HTML, JavaScript, JSON, etc.). The code is stored in a document on disk."
canonical: https://docs.rual.nl/block-types/state%20ui/state_code_editor
language: en
---

[Cluster](https://docs.rual.nl/cluster)

[Blocks](https://docs.rual.nl/block-types)

[Interfaces](https://docs.rual.nl/interfaces)

[Blueprints](https://docs.rual.nl/blueprints)

[Tutorials](https://docs.rual.nl/tutorials)

[Home automation](https://docs.rual.nl/home-automation)

[Examples](https://docs.rual.nl/examples)

[Reference](https://docs.rual.nl/reference)

[Architecture](https://docs.rual.nl/architecture)

[Troubleshooting](https://docs.rual.nl/troubleshooting)

Other

# code editor

This block is part of the [`state ui`](https://docs.rual.nl/block-types/state%20ui) group and was last modified in core [`v14.0.3`](https://docs.rual.nl/core-versions/140003).

Opens a code editor to define code in various languages (CSS, HTML, JavaScript, JSON, etc.). The code is stored in a document on disk.

- state `state` Returns the code as state

| `code` |
| --- |
| `editor` |

A typical wiring for [code editor](https://docs.rual.nl/block-types/state%2520ui/state_code_editor): the `state` out pin feeds [get component child](https://docs.rual.nl/block-types/state%2520actions/state_component_get_child).

[![Studio canvas example for the code editor block: typical wiring for code editor.](https://docs.rual.nl/canvas-examples/state_code_editor.png)](https://docs.rual.nl/canvas-examples/state_code_editor.png?v=3)

## Version history

Introduced in [`v14.0.3`](https://docs.rual.nl/core-versions/140003).

- [Back to `state ui`](https://docs.rual.nl/block-types/state%20ui): Return to the main group to view all sub-groups

- [Back to `state elements`](https://docs.rual.nl/block-types/state%20ui?group=state%20elements): Return to the group to view all blocks within this group

Was this page helpful? [Tell us what to improve](https://docs.rual.nl/support) · RUAL Docs is an integral component of the [RUAL ecosystem](https://rual.nl)