Lekce 12 - Úprava dalších šablon a editor v ASP.NET Core MVC

V minulé lekci, Úprava šablon administrace článků v ASP.NET Core MVC, jsme začali s úpravou vygenerovaných šablon administrace článků.

V dnešním ASP.NET Core tutoriálu dokončíme úpravy vygenerovaných šablon administrace článků a zprovozníme WYSIWYG editor TinyMCE.

Zbývá nám upravit šablony Create a Edit pro kontroler ArticlesController, které se nacházejí ve složce Views/Articles/. Připomeňme si, jak mají šablony vypadat:

Šablony Create a Edit budou zajímavé, jelikož se zde bude vyskytovat editor článků, konkrétně tzv. WYSIWYG editor od TinyMCE. Obskurní název WYSIWYG je zkratka z "What You See Is What You Get", tedy "Jak to vypadá v editoru, tak to bude vypadat i na webu". Na stejném principu funguje např. MS Word, jak to naklikáme, tak to bude vypadat na papíře.

WYSIWYG editor vypadá opravdu pěkně a aplikace s ním se dobře prodává. S HTML kódem, který editor na pozadí generuje, je to o dost horší. Proto je možné používat i tzv. WYSIWYM editory, které se řídí heslem "What You See Is What You Mean". V takových editorech se pomocí velice jednoduchého jazyka řeší pouze správné označení různých částí textu a konkrétní formátování a vizualizace textu je řešena zvlášť. Používají je např. weby jako Wikipedie, GitHub nebo i ITnetwork. Zájemcům doporučím třeba MarkDown. Nicméně WYSIWYG je mainstream, a proto ho použijeme.

Pohled Create

Pohledu Create bude dominovat formulář pro zadání všech informací o vytvářeném článku. Ve formuláři budeme mít pole pro zadání:

...konec náhledu článku...
Pokračuj dál