---
title: "code editor · RUAL Documentation"
description: "Creates a code editor based on the ace module"
canonical: https://docs.rual.nl/block-types/Component%20UI/component_editor_ace
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 [`Component UI`](https://docs.rual.nl/block-types/Component%20UI) group and was last modified in core [`v10.4.21`](https://docs.rual.nl/core-versions/100421).

## Parent Requirements

This block requires specific parent elements: `component_form`, `uicomponent_foreach_return`, `uicomponent_dynamic_content_update`, `uicomponent_branch`, `uicomponent_switch`. Ensure this block is placed within the appropriate parent context.

Creates a code editor based on the ace module

- Field required `fielddefinitions` Field to save the value in

- Language `value` Which language should be used. Example: html, css, javascript

- Tabsize `number` How many spaces should be used on tab

- uicomponent `uicomponent`

A typical wiring for [code editor](https://docs.rual.nl/block-types/Component%2520UI/component_editor_ace): [combine](https://docs.rual.nl/block-types/fields/fielddefinitions_multiple) feeds the `fielddefinitions` pin; the `uicomponent` out pin feeds [build PDF](https://docs.rual.nl/block-types/files/file_generate_pdf).

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

## Version history

Introduced in [`v10.4.21`](https://docs.rual.nl/core-versions/100421).

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

- [Back to `form`](https://docs.rual.nl/block-types/Component%20UI?group=form): 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)