Kā pievienot stilus TinyMCE & Markdown saturam
Daudzi rakstnieki dod priekšroku strādā Markdown jo tā ir vienkāršāka valoda ar mazākiem šķēršļiem. Piešķirta tā ir tālu no perfekta, bet tā piedāvā tīrāku skatu uz tekstu ar vieglumu eksportēt HTML.
Diemžēl noklusējuma Markdown stili parasti ir diezgan garlaicīgi. Bet ar wysiwyg.css bibliotēka, jūs varat ir dinamisks dokuments nav laika.
Šī bezmaksas CSS bibliotēka pārvērš visu jūsu pamata TinyMCE vai Markdown saturu formatēti, viegli lasāmi HTML bloki.
Jums nav jāzina nekāds sarežģīts HTML / CSS, lai izmantotu šo spraudni. Vienkārši aptiniet radīto saturu ar klasi .wysiwyg, un jūs visi esat iestatījuši.
Īstās grūtības ir lietotnes veidošana, kas automatizētu šo procesu, vai pievienot šo bibliotēku lietotāja admin paneļa backend.
Tomēr iespējas ir bezgalīgas, un jūs pat varētu to izmantot vietējiem rakstīšanas darbiem ja vēlaties eksportēt savu saturu no Markdown uz HTML.
Pēc noklusējuma šī CSS bibliotēka ir atbalsts katram galvenajam HTML tagam iedomājams. Tas ietver visus galvenes, sarakstus, saites, pirms / koda tagus, skaitļus un pat daļēji neskaidras atzīmes un . Tur ir pilns saraksts GitHub repo, ja vēlaties to pārbaudīt.
Ja definējat savus tipogrāfiskos stilus, tie var pat pārrakstiet noklusējuma iestatījumus stilu. Tātad jūs varat iegūt visas priekšrocības, ko sniedz wysiwyg.css sajauc ar savu fontu izvēli.
Arī bibliotēku nevarēja vieglāk iestatīt. Tikai lejupielādējiet kopiju lokāli vai velciet to tieši izmantojot npm instalējiet wysiwyg.css
No turienes jūs vienkārši ietver CSS failu dokumenta galviņā un ļaujiet tai darboties. Tas būs vērsts tikai uz saturu iekšpusē konteiners ar klasi .wysiwyg, tāpēc šai klasei vajadzētu ietvert visu nepieciešamo konteineru.
Bibliotēka joprojām ir atjaunina daļēji bieži, tad tu vari atrast jaunākos atjauninājumus galvenajā GitHub repo. Un, ja jums ir ieteikumi vai idejas par jauniem atjauninājumiem, justies brīvi, lai dalītos ar radošo Jeremy Thomas savā Twitter lapā @jgthms.
