> ## Documentation Index
> Fetch the complete documentation index at: https://www.macaly.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Vizuális szerkesztés

> Hogyan módosíthatod a dizájnt, a szöveget és az elrendezést közvetlenül az oldalon

Ahelyett, hogy minden apró módosítást elmagyaráznál az ügynöknek, közvetlenül a projekted előnézetében dolgozhatsz. Kattints egy elemre, hogy megváltoztasd a kinézetét, írd át a szöveget a helyén, vagy rajzolj egy jelölést az oldalra, hogy megmutasd az ügynöknek, mire gondolsz.

A vizuális szerkesztés elemszintű. Kiválasztasz egy elemet az oldalon, megnézed a hozzá elérhető beállításokat, és ott alkalmazod a módosítást. A dizájn- és szövegmódosítások mentéskor kerülnek be a projektedbe, ügynöki kör és kreditfelhasználás nélkül.

<Callout icon="user">
  Minden csomagban elérhető
</Callout>

<Note>
  A vizuális szerkesztés csak számítógépen működik. Az eszköztár telefonokon és keskeny böngészőablakokban nem jelenik meg.
</Note>

## Az eszköztár

<img src="https://mintcdn.com/macaly-41b1d3e9/2P3tS2A22gCpDUW-/images/visual-edits-toolbar.png?fit=max&auto=format&n=2P3tS2A22gCpDUW-&q=85&s=99f08a19a1580ecd3d800e66b9d07ac8" alt="A projekt előnézete fölött lebegő eszköztár a Dizájn szerkesztése, a Szöveg szerkesztése és a Jelölés eszközzel" width="2400" height="1674" data-path="images/visual-edits-toolbar.png" />

A projekted élő előnézete fölött egy eszköztár lebeg három eszközzel:

* **Dizájn szerkesztése**: Kattints bármelyik elemre, hogy megváltoztasd a kinézetét, a képét vagy az elrendezését.
* **Szöveg szerkesztése**: A szerkeszthető szöveg ki van keretezve, így rákattinthatsz, és átírhatod.
* **Jelölés**: Rajzolj az oldalra, hogy megmutasd, mire gondolsz.

Az **Esc** megnyomásával bármikor visszatérhetsz az előnézet böngészéséhez.

Ha az eszköztár eltakar egy elemet, amelyet szerkeszteni szeretnél, kattints az **Eszköztár elrejtése** gombra. Az eszközöd bekapcsolva marad, és a nem mentett módosításaid megmaradnak.

### Dizájn szerkesztése

Amikor bekapcsolod a **Dizájn szerkesztése** eszközt, a panel a **Webhely stílusai** résszel nyílik meg, ahol az egész oldal betűtípusait, sarokkerekítését és színeit állíthatod be. Az oldalon egy elemre kattintva megnyílnak a beállításai. Szövegeknél, képeknél és szekcióknál először az alapvető lehetőségeket látod. Az igazítás, a szegélyek, az árnyék, a térköz és az elrendezés a **Haladó** alatt található.

<img src="https://mintcdn.com/macaly-41b1d3e9/2P3tS2A22gCpDUW-/images/visual-edits-element-selected.png?fit=max&auto=format&n=2P3tS2A22gCpDUW-&q=85&s=2bc08c20fa8251d701a2efcac3a6673a" alt="Az előnézetben kiválasztott címsor, a beállításai a bal oldali panelen nyitva" width="2400" height="1674" data-path="images/visual-edits-element-selected.png" />

A panel fejlécében lévő témaváltóval mentés előtt világos és sötét módban is ellenőrizheted a munkádat.

#### Átrendezés és térköz

Egy elem áthelyezéséhez jelöld ki, és húzd az alatta lévő fogantyút egy új helyre, például ha két kártyát szeretnél felcserélni. A nyílbillentyűket is használhatod. A térköz módosításához húzd a kijelölt elem alján lévő fogantyúkat. Mindkét módosítást a többi szerkesztéseddel együtt mentheted vagy vetheted el.

<Note>
  Az elemek csak a saját csoportjukon belül mozgathatók. A listából generált elemeket, például a termékeket vagy a blogbejegyzéseket, nem lehet áthúzni. Ezek átrendezését kérd az ügynöktől.
</Note>

### Szöveg szerkesztése

Az átírható szöveg közvetlenül az előnézetben van kiemelve. Kattints bele, és írj. Ez a leggyorsabb módja egy cím vagy bekezdés javításának, mert az eredményt írás közben rögtön a helyén látod.

### Jelölés

Néha gyorsabb megmutatni az ügynöknek, mire gondolsz, mint leírni.

A **Jelölés** bekapcsolásakor rajzolj az oldal azon része fölé, amelyről beszélsz. A Macaly kitalálja, mely elemek vannak a jelölésed alatt, és csatolja őket a következő üzenetedhez. Annyi jelölést rajzolhatsz, amennyi kell, majd írd meg az üzenetedet, és küldd el a megszokott módon.

Rajzolás közben a **Visszavonás**, a **Jelölés ismétlése** és a **Törlés** gomb ott van az eszköztárban.

<img src="https://mintcdn.com/macaly-41b1d3e9/2P3tS2A22gCpDUW-/images/visual-edits-annotation.png?fit=max&auto=format&n=2P3tS2A22gCpDUW-&q=85&s=3f7f5028f7ab0d934ac48f9b5e2325c5" alt="A cím és a bekezdés köré húzott jelölés, az üzenet fölött a Jelölés címkével" width="2400" height="1674" data-path="images/visual-edits-annotation.png" />

A jelölések a rámutatás eszközei, nem hely a megjegyzések hagyására. Nem mentődnek a projektedbe, és az elküldött üzenetet leszámítva nem járnak költséggel.

<Note>
  Mentsd vagy vesd el a dizájnmódosításaidat, mielőtt jelölni kezdesz, és rajzolás közben tartsd ugyanakkorán az előnézetet. Az átméretezés törli a jelöléseidet, mert azok a tartalom korábbi helyéhez vannak rögzítve.
</Note>

## Navigálás az elemek között

Nem mindig lehet pontosan arra kattintani, amit szeretnél, általában akkor nem, ha az elemek átfedik egymást, vagy egy gyermekelem eltakarja a szülőjét.

A kijelölés fölötti kis sáv segítségével egy szintet léphetsz felfelé, vagy oldalirányban haladhatsz a szomszédos elemek között. Itt találod a kód ikont is, amely az elem forrását a **Kód** fülön nyitja meg, valamint az elem teljes eltávolításának lehetőségét.

## Szerkesztés AI-val

Szövegeknél és képeknél a panelben le is írhatod a módosítást ahelyett, hogy beállítanád. Az **Átírás AI-val** a promptod alapján átírja a szöveget. A **Generálás AI-val** szerkeszti a jelenlegi képet, vagy újat hoz létre, és az eredményt megtartás előtt megnézheted.

Kiválasztott elem mellett a beszélgetés üzenetmezője is átvált az adott elem szerkesztésére. Bármit írsz oda, az csak a jelenlegi kijelölésre vonatkozik.

<Note>
  A panel AI-gombjai és az üzenetmezőből küldött promptok krediteket használnak, mint bármely más AI-kérés, és a panel futtatás előtt megmutatja az árat. Bármi, amit kézzel állítasz be a panelben, ingyenes.
</Note>

## A módosítások mentése

Amíg nem mentett módosításaid vannak, az eszköztár megmutatja, hányat végeztél, és mindet egyszerre mentheted vagy elvetheted.

<img src="https://mintcdn.com/macaly-41b1d3e9/2P3tS2A22gCpDUW-/images/visual-edits-save.png?fit=max&auto=format&n=2P3tS2A22gCpDUW-&q=85&s=320fa2d5eaa7a948ba8c7448b15d59e4" alt="Az eszköztár öt nem mentett módosítással, az Elvetés és a Mentés gombbal" width="2400" height="1674" data-path="images/visual-edits-save.png" />

A mentés nem az ügynökön keresztül megy, ezért azonnali, és nem fogyaszt krediteket. Ha egy módosítás összetettebb, a Macaly átadja az ügynöknek a beszélgetésedben, ahol úgy viselkedik, mint bármely más üzenet.

## Amikor az eszköztár nem érhető el

Az eszköztár elrejtőzik vagy szürkére vált, ha a közvetlen szerkesztés nem működne:

* **Várd meg, amíg a Macaly befejezi**: Az ügynök még dolgozik a projekteden.
* **Várakozás az előnézet elkészítésére**: Az előnézeted még indul.
* **Zárd be a tervet az oldal szerkesztéséhez**: A beszélgetésben nyitva van egy terv.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.