Jan Janoušek

Tak a mám tu pro vás další JavaScriptové „udělátko“. Tentokrát jde o velice jednoduchý editor textu (nebo spíš HTML kódu stránky). Nechce se mi to moc popisovat a tak raději uvedu příklad. Jeho funkčnost jsem testoval na IE7, IE 6, Opeře, FF2 a také Safari (vše pod Windows). Kód je velice jednoduchý. Šlo mi o to vytvořit co nejjednodušší script, který by šel dále rozšiřovat dle potřeby. Script můžete jako vždy používat a měnit dle vlastního uvážení (copyright v hlavičce musí zůstat), ale jen pro nekomerční účely.

Jak používat tuto „knihovnu“?

Nejdříve si stáhněte JavaScript Inline Text Editor. A poté jej vložte do příslušné stránky pomocí:

<script type="text/javascript" src="jsinlineeditor.js"></script>

Dále je potřeba vytvořit konstruktor:

var mujEditor = new Edit();

Teď máte editor připraven k použití a stačí jej jen aplikovat na jednotlivé prvky stránky:

mujEditor.add( ELEMENT );

Nebo častější možnost s předvolbama:

mujEditor.add( ELEMENT, {typ:TYP, output:FUNKCE });

A nakonec příklad:

var inlineEditor = new Edit();
inlineEditor.add( document.getElementById('idPrvku'), {typ:'textarea', output:function(r){ alert(r); } });

Teď bych měl vysvětlit, jaké jsou jednotlivé předvolby. Takže první důležitá věc je, že předvolby jsou zcela volitelné, takže je použít můžete, ale nemusíte. První předvolba „typ“ určuje, jestli se bude obsah zvoleného elementu editovat v jednořádkovém, nebo víceřádkovém editoru. Může mít hodnoty „textarea“, nebo „input“ (tato hodnota je výchozí a není třeba jí uvádět). Druhá předvolba je „output“. Slouží k tomu, abychom mohli změněný text také zpracovat (například odeslat změnu pomocí AJAXu). Hodnota musí být vždy funkce.

Tags: editor, JavaScript