Zobrazení kódu
Někdy se můžete setkat s potřebou zobrazení kódu na stránce. Například pokud chcete publikovat nějaký tutoriál, jehož součástí je nějaký “výstřižek” HTML nebo javascriptu. Podívejme se, jaké máme možnosti řešení.
1. Entity
Zřejmě nejpracnější možností je nahradit všechny špičaté závorky (< , >) za entity (< , >). To je sice trochu zdlouhavé, ale výhodou této metody je, že lze kód začlenit přímo doprostřed plynoucího textu bez orámování nebo odsazení, přičemž stále zůstává formátovaným textem a proto na něj můžete libovolně aplikovat všechny atributy formátovaného textu, jako například: <a href="http://www.moje_stranky.cz/">blog</a>. Doporučuji usnadnit si tuto práci pomocí widgetu Symbol Caddy, který vám po kliknutí na určitý znak zkopíruje příslušnou entitu do schránky a pomocí nějakého slušnějšího editoru se zvýrazněním syntaxe, například Smultron, kde můžete znaky hromadně vyhledat a zaměnit.
2. High-Light
Můžete použít tento bezplatný plugin, který práci s kódem velice usnadní, zvláště pokud potřebujete publikovat kódy častěji. Stačí vložit kód, označit jej a vybrat si z nabídky styl, který vám vyhovuje. Výsledkem kód, formátovaný pomocí HTML a s barevným odlišením syntaxe. High-Light automaticky používá entity. Více se o High-Light dočtete ve starším článku.
<script type="text/javascript">
function validate_required(field,alerttxt)
{
if (value==null||value=="")
{alert(alerttxt);return false;}
else {return true}
}
3. Textarea
Uzavření do tagů textarea je považováno za jeden z nejspolehlivějších způsobů, jak kód (především dlouhý kód) na stránkách zobrazit. Zkopírujte kód z rámečku pod tímto textem a vložte do stránek. Vámi publikovaný snippet vyměňte za “XXXXXXXXXXXX”. Nastavte si velikost pole: rows udává počet řádek, cols je počet znaků (o průměrné šířce) na jedné řádce. To je hodnota, která se nedá přesně vypočítat - bude nutné ji nastavit odhadem a opakovaně vyzkoušet. Výška (rows) určuje pouze to, jaká bude velikost viditelného pole - pokud bude kód delší, objeví se na pravém okraji standardní ovládací prvky pro rolování - jen výška pole nesmí být v tomto případě menší než 5 řádek. Pokud tedy potřebujete publikovat na stránkách dlouhý text, není třeba jím zaplnit velkou plochu.
Textarea podruhé - stejné řešení, jen doplněné o barvu textu a pozadí.