Hantera formaterad text i CMS

Om vårt content kommer från ett CMS av något slag, så ska vi se till att vi använder oss av Markdown WYSIWYG-editorer istället för HTML. På grund av flera anledningar: HTML-editorerna genererar oftast väldigt dålig HTML, med tomma taggar, etc. HTML är ett väldigt verbost språk, så för t.ex. varje stycke så lägger vi till 7 extra tecken medan det i Markdown är 0 extra tecken. Det är mycket lättare att få total kontroll över hur text ska presenteras i vår app.

Det negativa med Markdown är att vi behöver en "parser" för att göra om Markdown till HTML/React för att kunna presentera den. Men samma parser kan användas i hela appen.

Det finns flera paket som "parse":ar Markdown, på flera olika sätt.

Rekomenderade paket

• react-markdown - är ett väldigt bra alternativ om du vill kunna göra så att markdownen rendreras till specifika React komponenter istället för HTML.
• marked - är ett bra alternativ om du bara vill göra om Markdown till HTML.
• remark - använd Remark om ni behöver göra mer avancerade saker med Markdown. Som t.ex. att lägga till egen Markdown syntax.