Tippek és trükkök
*****************


Szerkesztők és IDE-k
====================

Írjon sablonokat olyan szerkesztőben vagy IDE-ben, amely támogatja a Latte-t. Sokkal kellemesebb lesz.

- PhpStorm: telepítse a `Settings > Plugins > Marketplace` alatt a [Latte plugin|https://plugins.jetbrains.com/plugin/7457-latte] bővítményt
- VS Code: telepítse a [Nette Latte + Neon|https://marketplace.visualstudio.com/items?itemName=Kasik96.latte], [Nette Latte templates|https://marketplace.visualstudio.com/items?itemName=smuuf.latte-lang] vagy a legújabb [Nette for VS Code |https://marketplace.visualstudio.com/items?itemName=franken-ui.nette-for-vscode] bővítményt
- NetBeans IDE: a natív Latte támogatás a telepítés része
- Sublime Text 3: a Package Controlban keresse meg és telepítse a `Nette` csomagot, majd válassza a Latte-t a `View > Syntax` menüben
- régi szerkesztőkben használja a Smarty kiemelést a .latte fájlokhoz

A PhpStorm plugin nagyon fejlett és kiválóan tudja javasolni a PHP kódot. Az optimális működéshez használjon [típusos sablonokat|type-system].

[* latte-phpstorm-plugin.webp *]

A Latte támogatását megtalálja a [Prism.js|https://prismjs.com/#supported-languages] webes kódkiemelőben és az [Ace|https://ace.c9.io] szerkesztőben is.


Latte JavaScripten vagy CSS-en belül
====================================

A Latte nagyon kényelmesen használható JavaScripten vagy CSS-en belül is. Hogyan kerülhetjük el azonban azt a helyzetet, hogy a Latte tévesen Latte tagnek tekintse a JavaScript kódot vagy a CSS stílust?

```latte
<style>
	/* HIBA: {color} tagként értelmezi */
	body {color: blue}
</style>

<script>
	// HIBA: {id} tagként értelmezi
	var obj = {id: 123};
</script>
```

**1. változat**

Kerülje el azt a helyzetet, amikor a `{` jelet közvetlenül betű követi, például úgy, hogy elé szóközt, sortörést vagy idézőjelet tesz:

```latte
<style>
	body {
		color: blue
	}
</style>

<script>
	var obj = {'id': 123};
</script>
```

**2. változat**

Teljesen kapcsolja ki a Latte tagek feldolgozását az elemen belül a [n:syntax |tags#syntax] segítségével:

```latte
<script n:syntax="off">
	var obj = {id: 123};
</script>
```

**3. változat**

Váltsa át az elemen belül a Latte tagek szintaxisát dupla kapcsos zárójelekre:

```latte
<script n:syntax="double">
	var obj = {id: 123};          // ez JavaScript

	{{if $cond}} alert(); {{/if}} // ez Latte
</script>
```

JavaScriptben [nem írnak idézőjeleket a változó köré |tags#Kiírás JavaScriptben].


A `use` klauzula helyettesítése Latte-ban
=========================================

Hogyan helyettesíthetjük Latte-ban a PHP-ban használt `use` klauzulákat, hogy ne kelljen névteret írni egy osztály elérésekor? Példa PHP-ban:

```php
use Pets\Model\Dog;

if ($dog->status === Dog::StatusHungry) {
	// ...
}
```

**1. változat**

A `use` klauzula helyett elmentjük az osztály nevét egy változóba, majd a `Dog` helyett a `$Dog`-ot használjuk:

```latte
{var $Dog = Pets\Model\Dog::class}

<div>
	{if $dog->status === $Dog::StatusHungry}
		...
	{/if}
</div>
```

**2. változat**

Ha a `$dog` objektum a `Pets\Model\Dog` példánya, akkor használható a `{if $dog->status === $dog::StatusHungry}`.


XML generálása Latte-ban
========================

A Latte bármilyen szöveges formátumot generálhat (HTML, XML, CSV, iCal stb.), azonban ahhoz, hogy helyesen escapelje a kiírt adatokat, meg kell mondanunk neki, milyen formátumot generálunk. Erre szolgál a [`{contentType}` |tags#contentType] tag.

```latte
{contentType application/xml}
<?xml version="1.0" encoding="UTF-8"?>
...
```

Ezután például hasonló módon generálhatunk egy sitemap-et:

```latte
{contentType application/xml}
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" >
	<url n:foreach="$urls as $url">
		<loc>{$url->loc}</loc>
		<lastmod>{$url->lastmod->format('Y-m-d')}</lastmod>
		<changefreq>{$url->frequency}</changefreq>
		<priority>{$url->priority}</priority>
	</url>
</urlset>
```


Adatok átadása egy beillesztett sablonból
=========================================

A `{var}` vagy `{default}` segítségével létrehozott változók a beillesztett sablonban csak abban léteznek, és nem érhetők el a beillesztő sablonban. Ha adatokat szeretnénk visszaadni a beillesztett sablonból a beillesztő sablonba, az egyik lehetőség az, hogy átadunk egy objektumot a sablonnak, és abba helyezzük az adatokat.

Fő sablon:

```latte
{* létrehoz egy üres $vars objektumot *}
{var $vars = (object) null}

{include 'included.latte', vars: $vars}

{* most már tartalmazza a foo property-t *}
{$vars->foo}
```

Beillesztett sablon `included.latte`:

```latte
{* adatokat írunk a foo property-be *}
{var $vars->foo = 123}
```