Kako dodati sloge v vsebino TinyMCE & Markdown

Mnogi pisatelji raje v Markdownu ker je enostavnejši jezik z manj ovirami za vzpon. Odobrena je daleč od popolnosti, a ponuja a čistejši pogled na vaše besedilo z lahkoto izvoz v HTML.

Na žalost so privzeti slogi Markdown ponavadi precej dolgočasni. Toda z knjižnica wysiwyg.css, ti lahko imajo živahen dokument v trenutku.

Ta brezplačna knjižnica CSS spremeni vse vaše osnovne vsebine TinyMCE ali Markdown oblikovane, preproste za branje bloke HTML.

Za uporabo tega vtičnika ni treba poznati nobenega kompleksnega HTML / CSS. Preprosto ustvarite vsebino v div z razredom .wysiwyg, in vsi ste pripravljeni.

Resnična težava je gradnja aplikacije, ki bi avtomatizirala ta proces ali dodala to knjižnico v podokno za uporabniško skrbniško ploščo.

Vendar so možnosti neskončne in to lahko uporabite za lokalno pisno delo če želite izvoziti vsebino od Markdown do HTML.

Ta knjižnica CSS privzeto ima podpora za vsako večjo oznako HTML zamisliti. To vključuje vse glave, sezname, povezave, oznake pred / kodo, številke in celo pol-nejasne oznake in . Tam je celoten seznam v GitHub repo, če želite preveriti.

Če določite lastne tipografske sloge, jih lahko celo ponovno napišite privzete nastavitve v slogovni tabeli. Tako lahko dobite vse prednosti wysiwyg.css mešan z lastnimi izbirami pisav.

Knjižnice tudi ni mogoče preprosto nastaviti. Samo lokalno prenesite kopijo ali potegnite ga neposredno uporabo npm install wysiwyg.css

Od tam, vi prav vključi datoteko CSS v glavi dokumenta in pustite, da teče. Ciljala bo le na vsebino v posodi z razredom .wysiwyg, zato mora ta razred zaviti kateri koli želeni vsebnik.

Knjižnica je še vedno pol-pogosto posodobljeno, torej lahko poiščite najnovejše posodobitve v glavnem repu GitHub. In če imate predloge ali ideje za nove posodobitve, vas prosimo, da delite z ustvarjalcem Jeremyjem Thomasom na njegovi Twitter strani @jgthms.