Určitě jste se setkali mnohokrát vizuální editory, což vám umožňuje docela pohodlně vytvářet vzhled stránek nebo některých zpráv, například na fóru. A ne s BB kódy, ale okamžitě získáte konkrétní výsledek. Na internetu je spousta těchto editorů. Jeden z nejpopulárnějších je TinyMCE nicméně jsem zastáncem svých vlastních skriptů a věřím tomu pro každý úkol musí existovat řešení spíše než univerzální. Proto vám v tomto článku řeknu: jak vytvořit vizuální editor v JavaScriptu.
Hned za pálkou dávám docela dobře komentovaný kód:
Na první pohled se kód zdá být velmi složitý. A tak je, ale pokud to vezmeme z hlediska základních prvků, pak nejde o nic složitého. tady je obvyklá forma a skryté pole kde je uložen výsledný editor HTML kód... Samotný editor je běžný snímek, tedy obyčejný Stránka HTML, do kterého můžeme psát text ( designMode = "on"). A pomocí této metody se vytváří různé formátování execCommand () který provede příkaz uvedený v parametru. A myslím, že pro vás nebude těžké vytvořit nová tlačítka a připojit k nim podobné ovladače.
V tomto skriptu není nic zbytečného, pouze to nejdůležitější a základní, a lze ho brát jako základ vytvoření vlastního vizuálního editoru v JavaScriptu, ve kterém nebude nic zbytečného, ale jen to, co potřebujete.