# Copy to Clipboard: szöveg másolása kattintásra

> A látogató egy kattintással a vágólapra másolhatja a megadott szöveget: másolás-jelvény, „Copied” tooltip és a tooltip stílusa.

A Copy to Clipboard kiterjesztéssel a látogató a weboldalon egy modulra kattintva a vágólapjára másolhatja a te megadott szövegedet. A Visual Builderben mezőnként kapcsolod be, a mező címkéjén megjelenő lila vágólap ikonnal. Bekapcsolás után a mező alatt megjelennek a **Content** beállítások (másolandó szöveg, opcionális másolás-jelvény, sikerüzenet-tooltip). A „Copied” felirat kinézetét a **Design → Copy to Clipboard** alatt állítod.

Divi 5 alatt érhető el, alapértelmezetten ki van kapcsolva. A beállítás belső kulcsa `dsm_use_click_to_copy`.

## Mire jó

- Kuponkód, támogatási e-mail-cím, jegyazonosító vagy parancs másolása egy blurbból vagy címsorból.
- Követett (affiliate) hivatkozás másolása dinamikus tartalomból.
- Rövid kódpéldák másolása kijelölés nélkül.

Nagy szövegblokkokhoz nem ideális: a vágólap rövid szövegekre való (kódok, URL-ek, egysoros szövegek). Érzékeny titkot se tegyél ilyen mezőbe, mert a másolt tartalom a látogató vágólapján és más alkalmazásokban is elérhető.

A kiterjesztés azokon a Divi- és Divi Supreme-modulokon működik, amelyeknek vannak felismerhető szövegmezői. Az olyan szerkezeti elemek, mint a puszta szakasz, sor vagy oszlop (szövegmező nélkül), nem kapnak tooltip-dizájnbeállítást.

## Bekapcsolás

1. Nyisd meg a **Divi Supreme → Extensions** oldalt.
2. Kapcsold be a **Copy to Clipboard** kiterjesztést.
3. Kattints a **Save changes** gombra, majd töltsd újra a Visual Buildert, hogy a lila ikonok megjelenjenek a mezők címkéin.

## Első lépések

1. Kapcsold be a kiterjesztést, és töltsd újra a buildert.
2. Nyiss meg egy szöveges mezővel rendelkező modult (például cím vagy törzsszöveg).
3. Kattints a mező címkéjén a lila vágólap ikonra, amíg „be” állapotot nem mutat.
4. Töltsd ki a **Text to copy** mezőt, vagy hagyd üresen, hogy a mező saját tartalma másolódjon.
5. Szükség esetén kapcsold be a **Show copy badge** opciót, és formázd a **Copy Badge** fülön.
6. Szükség esetén állítsd be a **Copied message** szöveget, az ikont, az időtartamot és az elhelyezést.
7. Mentsd az oldalt, nyisd meg a weboldalon, és kattints a mezőre: megjelenik a sikerüzenet-tooltip.

## Mi másolódik

1. A **Text to copy** tartalma, ha ki van töltve (támogatja a dinamikus tartalmat).
2. Egyébként a forrásmező értéke (például a cím vagy a törzsszöveg).
3. Ha mindkettő üres, a weboldalon nem regisztrálódik semmi.

## Másolás-jelvény

A **Show copy badge** egy kis ikont tesz a mező szövege mellé, hogy a látogató lássa, hogy a szöveg másolható. Nem azonos a **Show copied icon** opcióval: az utóbbi ikon csak a sikerüzenet-tooltipben jelenik meg másolás után.

1. Kapcsold be a Copy to Clipboardot a mezőn (a lila ikon a címkén).
2. Kapcsold be a **Show copy badge** opciót.
3. Nyisd meg a **Copy Badge** fület (akkor jelenik meg a **Copied Icon** és a **Tooltip Style** mellett, ha azok be vannak kapcsolva).
4. Állítsd be az elhelyezést, az ikont, a színt, a méretet és a rést.
5. Mentsd, és nézd meg a weboldalon: a jelvény a másolható szöveg mellett ül (például a bekezdésen vagy címsoron belül), nem külön blokként alatta.

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| Show copy badge | A beágyazott jelvény főkapcsolója. | ki |
| Badge placement | A jelvény a szöveg előtt (Before) vagy után (After) áll. | After |
| Badge icon | A jelvény ikonja (Divi, Font Awesome vagy Divi Supreme ikonkészlet). | |
| Badge color | Az ikon színe. | |
| Badge size | A jelvény mérete (kb. 10 és 32 px között). | 14px |
| Badge gap | A jelvény és a szöveg közti távolság. | 6px |

## Sikerüzenet-tooltip

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| Copied message | A sikeres másolás után megjelenő szöveg (támogatja a dinamikus tartalmat). | Copied |
| Show copied icon | Ikon a szöveg mellett (bekapcsolva megjelenik a **Copied Icon** fül). | be |
| Copied icon | A sikerüzenet ikonja. | pipa |
| Copied tooltip duration (ms) | Meddig látszik a tooltip (500 és 5000 között). | 1500 |
| Copied tooltip placement | Auto / Top / Bottom / Left / Right. Az Auto a legtöbb hellyel rendelkező oldalt választja. | Top |
| Customize Tooltip Style | A mezőre vonatkozó egyedi tooltip-szín, -méret és -sarokív (megjelenik a **Tooltip Style** fül). | ki |

## Design → Copy to Clipboard

Akkor jelenik meg, ha a modulon legalább egy mezőn be van kapcsolva a Copy to Clipboard.

- **Tooltip Preview:** élő előnézet a modul tooltipjéről a builderben (a mezőnkénti egyedi beállítások nem módosítják ezt az előnézetet).
- Alcsoportok: **Color** (Background, Text, Icon), **Text** (Font Size), **Border** (sarokív, **Show Tooltip Arrow**), **Padding**, **Box Shadow**.
- A mezőnkénti **Customize Tooltip Style** csak arra a mezőre írja felül a tooltip színét, méretét és sarokívét; a padding és az árnyék a modul Design-alapértelmezéseit követi.

## Tippek

- Kódokhoz és URL-ekhez add meg kifejezetten a **Text to copy** mezőt, hogy a látható címsor szerkesztése ne változtassa meg véletlenül a vágólapra kerülő szöveget.
- Használd a **Show copy badge** opciót, ha nem nyilvánvaló, hogy a szövegre kattintani lehet (gombkinézet nélküli szövegnél).
- A **Copied message** legyen rövid (például „Copied!” vagy „Kód másolva”).
- A kiterjesztés bekapcsolása után töltsd újra a Visual Buildert, hogy a lila ikonok megjelenjenek.
- A vágólap-hozzáférés a böngészőtől függ; HTTPS-en próbáld ki.
- Ha a másolás vezérlői hiányoznak, ellenőrizd, hogy a kiterjesztés be van-e kapcsolva az **Extensions** oldalon: alapértelmezetten ki van kapcsolva.