Určite ste sa s tým už mnohokrát stretli vizuálni editori, čo vám umožní celkom pohodlne vytvárať vzhľad stránok alebo niektorých správ, napríklad na fóre. A nie s BB kódy, ale okamžite získate konkrétny výsledok. Na internete je veľa týchto redaktorov. Jednou z najobľúbenejších je TinyMCE som však zástancom vlastných skriptov a verím tomu na každú úlohu musí existovať riešenie nie univerzálne. Preto vám v tomto článku poviem, ako vytvoriť vizuálny editor v JavaScripte.
Hneď na úvod dávam pomerne dobre komentovaný kód:
Na prvý pohľad sa zdá, že kód je veľmi zložitý. A je to tak, ale ak to vezmeme z hľadiska základných prvkov, potom nie je nič zložité. Existuje pravidelný tvar a skryté pole kde je uložený výsledný editor HTML kód... Samotný editor je obyčajný rám, to znamená obyčajný HTML stránka, do ktorého môžeme písať text ( designMode = "zapnuté"). A pomocou metódy sa vytvára rôzne formátovanie execCommand () ktorý vykoná príkaz uvedený v parametri. A myslím si, že pre vás nebude ťažké vytvárať nové tlačidlá a pripevňovať k nim podobné ovládače.
V tomto skripte nie je nič nadbytočné, iba to najdôležitejšie a najzákladnejšie, a dá sa to brať ako základ vytvorenie vlastného vizuálneho editora v JavaScripte, v ktorom nebude nič nadbytočné, ale iba to, čo potrebujete.