12. diel - Úprava ďalších šablón a editor v ASP.NET Core MVC

V predchádzajúcej lekcii, Úprava šablón administrácie článkov v ASP.NET Core MVC, sme začali s úpravou vygenerovaných šablón administrácie článkov.

V dnešnej lekcii ASP.NET Core dokončíme úpravy vygenerovaných šablón administrácie článkov a sprevádzkujeme WYSIWYG editor TinyMCE.

Zostáva nám upraviť šablóny Create a Edit pre kontrolér ArticlesController, ktorý sa nachádzajú v priečinku Views/Articles/. Pripomeňme si, ako majú šablóny vyzerať:

Šablóny Create a Edit budú zaujímavé, pretože sa tu bude vyskytovať editor článkov, konkrétne tzv. WYSIWYG editor od TinyMCE. Názov WYSIWYG je skratka z "What You See Is What You Get", teda "Ako to vyzerá v editore, tak to bude vyzerať aj na webe". Na rovnakom princípe funguje napr. MS Word, takže ako to naklikáme, tak to bude vyzerať na papieri.

WYSIWYG editor vyzerá naozaj pekne a aplikácia s ním sa dobre predáva. S HTML kódom, ktorý editor na pozadí generuje, je to o dosť horšie. Preto je možné používať aj tzv. WYSIWYM editory, ktoré sa riadia heslom "What You See Is What You Mean". V takých editoroch sa pomocou veľmi jednoduchého jazyka rieši iba správne označenie rôznych častí textu a konkrétne formátovanie a vizualizácia textu je riešená zvlášť. Používajú ich napr. weby ako Wikipédia, GitHub alebo aj ITnetwork. Záujemcom odporúčam napríklad MarkDown. Avšak WYSIWYG je mainstream, a preto ho použijeme.

Pohľad Create

Pohľadu Create bude dominovať formulár na zadanie všetkých informácií o vytváranom článku. Vo formulári budeme mať pole pre zadanie:

...koniec náhľadu článku...
Pokračuj ďalej