Slik legger du til stiler til TinyMCE og Markdown Content
Mange forfattere foretrekker jobber i Markdown fordi det er et enklere språk med færre hindringer å klatre. Gitt det er langt fra perfekt, men det tilbyr a renere visning av teksten med den enkle eksporterer til HTML.
Dessverre er standard Markdown-stiler vanligvis ganske kjedelige. Men med wysiwyg.css bibliotek, du kan ha et levende dokument på kort tid.
Dette gratis CSS-biblioteket forvandler alle dine grunnleggende TinyMCE- eller Markdown-innhold til formaterte, lettleste blokker av HTML.
Du trenger ikke å vite noe komplisert HTML / CSS for å bruke dette plugin. Ganske enkelt vikle det genererte innholdet inn i en div med klassen .WYSIWYG, og du er helt klar.
Den virkelige vanskeligheten er å bygge en app som ville automatisere denne prosessen, eller legge til dette biblioteket på backend for et brukeradministrasjonspanel.
Mulighetene er imidlertid uendelige, og du kan til og med bruke dette for lokalt skrivearbeid hvis du foretrekker å eksportere innholdet ditt fra Markdown til HTML.
Som standard har dette CSS-biblioteket støtte for alle store HTML-tagger tenkelig. Dette inkluderer alle overskrifter, lister, linker, pre / kode koder, figurer og til og med semi-obskure tags som og . Det er en full liste i GitHub repo hvis du vil sjekke det ut.
Hvis du definerer dine egne typografiske stiler, kan disse til og med omskrive standardinnstillingene i stilarket. Så du kan få alle fordelene med wysiwyg.css blandet med dine egne skriftvalg.
Biblioteket kunne ikke vært enklere å sette opp heller. Bare Last ned en kopi lokalt eller trekk den direkte ved hjelp av npm installere wysiwyg.css
Derfra, bare du inkludere CSS-filen i dokumenthodet ditt, og la det løpe. Det vil bare målrette innholdet inne i en beholder med klassen .WYSIWYG, så denne klassen skal pakke inn hvilken beholder du vil ha.
Biblioteket er fortsatt oppdatert halvtid, så du kan finn siste oppdateringer i de viktigste GitHub repoene. Og hvis du har forslag eller ideer til nye oppdateringer, kan du dele med skaperen Jeremy Thomas på sin Twitter-side @ jgthms.
