Kako dodati stilove u TinyMCE & Markdown sadržaj

Mnogi pisci više vole radi u Markdownu jer to je jednostavniji jezik s manje prepreka za uspon. Odobreno je daleko od savršenog, ali nudi čišći prikaz vašeg teksta s lakoćom izvoz u HTML.

Nažalost, standardni Markdown stilovi su obično prilično dosadni. Ali s biblioteka wysiwyg.css, možeš imati živahan dokument u tren oka.

Ova besplatna knjižnica CSS-a pretvara sve vaše osnovne TinyMCE ili Markdown sadržaje u oblikovani i jednostavni blokovi HTML-a.

Ne morate znati nikakav složeni HTML / CSS da biste koristili ovaj dodatak. Jednostavno omotajte generirani sadržaj u div s klasom .WYSIWYG, i svi ste spremni.

Stvarna poteškoća je izgradnja aplikacije koja bi automatizirala taj proces ili dodavanje ove biblioteke u pozadinu za korisničku admin. Ploču.

Međutim, mogućnosti su beskrajne, a to možete i iskoristiti za lokalni pisani rad ako želite izvoziti svoj sadržaj od Markdown do HTML-a.

Prema zadanim postavkama ova knjižnica CSS-a ima podrška za sve glavne HTML oznake zamisliv. To uključuje sve zaglavlja, popise, veze, pre / kod oznake, brojke i čak polu-opskurne oznake poput i . Tamo je cijeli popis u GitHub repo ako ga želite provjeriti.

Ako definirate vlastite tipografske stilove, oni mogu čak i prepisati zadane postavke u stilu. Tako možete dobiti sve prednosti wysiwyg.css pomiješana s vlastitim izborima fonta.

Biblioteka također ne može biti jednostavnija za postavljanje. Samo lokalno preuzmite kopiju ili povucite ga izravno koristeći npm install wysiwyg.css

Odatle, vi samo uključiti CSS datoteku u glavi dokumenta i pustite ga da radi. Ciljat će samo sadržaj unutar spremnika s klasom .WYSIWYG, tako da bi ova klasa trebala omotati bilo koji spremnik koji želite.

Knjižnica je i dalje prisutna ažurira polu-često, tako da možete pronađite najnovija ažuriranja u glavnom GitHub repu. A ako imate prijedloge ili ideje za nova ažuriranja, slobodno ih podijelite s kreatorom Jeremyem Thomasom na njegovoj Twitter stranici @jgthms.