 |
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
P°edem musφm upozornit, ₧e se jednß o vlastnost poslednφ betaverze, kterß byla uvoln∞na p°ed n∞kolika dny. VÜe takΘ jeÜt∞ nefunguje stoprocentn∞, na druhou stranu je urΦit∞ dobrΘ, kdy₧ je v²vojß° v₧dy trochu nap°ed a implementuje funkce, kterΘ p°i nainstalovßnφ novΘho prohlφ₧eΦe p°φjemn∞ p°ekvapφ. Pokud chcete tuto novou funkci vyzkouÜet, musφte mφt nainstalovßnu p°inejmenÜφm Mozillu 1.3 Beta anebo poslednφ noΦnφ build. Odkazy na sta₧enφ naleznete na hlavnφ strßnce projektu Mozilla.
Implementace do strßnek by nem∞la Φinit velkΘ problΘmy, proto₧e je °eÜena podobn∞ jako v Internet Exploreru. Editace probφhß ve vno°enΘm rßmu (iframe), kterΘmu se nastavφ specielnφ vlastnost designMode na hodnotu "on". Minimalistick² p°φklad, kter² zobrazφ jeden editovateln² iframe bez ovlßdacφch prvk∙, vypadß nßsledovn∞:
function start() {
document.getElementById("edit").contentWindow.document.designMode = "on"; document.getElementById("edit").contentWindow.focus();
}
</script>
<body onload="start()">
<iframe id="edit" width="100%" height="200"></iframe>
</body>
S tφm ale moc parßdy nenad∞lßme. Do rßmu sice m∙₧eme psßt text, ale my bychom ho urΦit∞ cht∞li n∞jak formßtovat. Op∞t to jde ud∞lat velmi snadno, podobn∞ jako v Internet Exploreru. Slou₧φ k tomu metoda execCommand p°φsluÜnΘho editovanΘho iframe. NejjednoduÜÜφ je navßzat ji na udßlost kliknutφ na tlaΦφtko, co₧ takΘ pou₧ijeme v naÜem ukßzkovΘm p°φklad∞, v reßlnΘ aplikaci bude samoz°ejm∞ vhodn∞jÜφ vytvo°it p∞knou nßstrojovou liÜtu.
Seznam vÜech podporovan²ch p°φkaz∙ naleznete na strßnce http://www.mozilla.org/editor/midas-spec.html, p∞kn² p°φklad editoru s nßstrojovou liÜtou pak na adrese http://www.mozilla.org/editor/midasdemo/.
P°esto, ₧e editor nenφ jeÜt∞ zcela funkΦnφ (nap°φklad p°φkazy pro editor nejsou podporovßny ·pln∞ vÜechny), jednß se o p°φjemn² p°φslib pro p°φÜtφ verze, o kterΘm je dobrΘ v∞d∞t.