# Kód elem
> A Kód elem beállításai: PHP, HTML, CSS és JavaScript szerkesztők, kódfuttatás, dinamikus adat, hibák elrejtése és szintaxiskiemelő téma.
A **Kód** elemmel PHP, HTML, CSS vagy JavaScript kódot adhatsz az oldalhoz, szintaxiskiemeléssel ellátott szerkesztőben. A kód opcionálisan le is futhat az oldalon.
*A Kód elem beállításai a szerkesztőben* (https://minta-bolt.hu/elemek/?bricks=run)
A képen a kódfuttatás tiltásáról szóló figyelmeztetés látszik, alatta a **PHP & HTML** és a **CSS** szerkesztő. Ezen a példányon a kód futtatása nem engedélyezett, ezért a szerkesztők látszanak.
## Kódfuttatás
A kódfuttatás beállításai csak azoknak a felhasználóknak érhetők el, akiknek van kódfuttatási jogosultságuk. Ha nincs, az elem erről figyelmeztetést ad. A jogosultságokat a **Bricks → Beállítások → Egyéni kód → Kód végrehajtása** helyen kezelheted.
| Beállítás | Mit csinál |
| --- | --- |
| Kód futtatása | A kódot lefuttatja az oldalon, ahelyett hogy megjelenítené. Csak olyan kódot adj meg, amelyet biztonságosnak tartasz. |
| Dinamikus adat feldolgozása | A kódban lévő dinamikus adat címkéket feldolgozza. Csak futtatott kódnál érhető el. |
| PHP-hibák elnyomása | Elrejti a PHP-hibákat. Ha szükséged van rájuk, add az URL-hez a `brx_code_errors` paramétert. Csak futtatott kódnál érhető el. |
| Megjelenítés burkoló nélkül | A frontenden a `div` burkoló nélkül jeleníti meg a kimenetet. Ilyenkor a stílus fül beállításai nem érvényesülnek. Csak futtatott kódnál érhető el. |
## Kódszerkesztők
A kódszerkesztők akkor láthatók, ha a kódfuttatás ki van kapcsolva vagy nem engedélyezett.
| Szerkesztő | Mit csinál |
| --- | --- |
| **PHP & HTML** | PHP- és HTML-kód szintaxiskiemeléssel. Dinamikus adat és változók használhatók benne. Az alap példa egy HTML-címsort és egy PHP-s dátumkiírást tartalmaz. |
| **CSS** | CSS-kód. Automatikusan `style` címkék közé kerül. Dinamikus adat és változók használhatók benne. |
| **JavaScript** | JavaScript-kód. Automatikusan `script` címkék közé kerül. Dinamikus adat használható benne. |
## Szintaxiskiemelés
Ha a kódfuttatás ki van kapcsolva, a **Sablon** beállítással választhatsz szintaxiskiemelő témát:
| Téma | Jelleg |
| --- | --- |
| `github` | Világos |
| `tomorrow` | Világos |
| `tomorrow-night` | Sötét |
| `tranquil-heart` | Sötét |
Alapértelmezetten nincs téma kiválasztva. A téma globálisan is beállítható a téma stílusain keresztül.