Kuidas lisada stiilid TinyMCE & Markdowni sisule

Paljud kirjanikud eelistavad töötavad Markdownis sest see on lihtsam keel, millel on vähem tõkkeid. See on kaugeltki täiuslik, kuid pakub a teksti puhtam vaade lihtsusega eksportimine HTML-i.

Kahjuks on Markdowni vaikimisi stiilid tavaliselt üsna igav. Aga wysiwyg.css raamatukogu, sa saad on elav dokument varsti.

See tasuta CSS-raamatukogu muudab kogu sinu TinyMCE või Markdowni sisu vormindatud, kergesti loetavad HTML-plokid.

Selle plugina kasutamiseks ei pea sa teadma ühtegi kompleksset HTML / CSS-i. Lihtsalt murdke genereeritud sisu klassi jagamiseks .wysiwyg, ja sa oled kõik seatud.

Tõeline raskus on selle rakenduse loomine, mis automatiseerib seda protsessi või lisab selle raamatukogu kasutaja administraatori paneeli taustaprogrammi.

Kuid võimalused on lõputud ja seda isegi kasutada kohaliku kirjutamise jaoks kui soovite oma sisu eksportida Markdownist HTML-i.

Vaikimisi on see CSS-raamatukogu iga suurema HTML-märgendi toetamine ette kujutada. See hõlmab kõiki päiseid, nimekirju, linke, eel- / koodimärke, numbreid ja isegi pooleldi varjusid sildid ja . Seal on täielik nimekiri GitHub repos, kui soovite seda kontrollida.

Kui määrate oma tüpograafilised stiilid, võivad need isegi kirjutage vaikeseaded ümber stiili lehel. Nii saate kõik wysiwyg.css eelised segatud oma fontide valikuga.

Raamatukogu pole ka lihtsam seadistada. Lihtsalt koopia allalaadimine kohapeal või tõmmake see otse kasutades npm installige wysiwyg.css

Sealt sa lihtsalt lisada CSS-fail oma dokumendipeas ja laske tal töötada. See on suunatud ainult sisule klassi sees oleva konteineri sees .wysiwyg, nii et see klass peaks mähkima kõik soovitud konteinerid.

Raamatukogu on ikka veel värskendatakse pooleldi sageli, nii et saate leidke värskeid värskendusi peamises GitHub repos. Ja kui teil on ettepanekuid või ideid uute värskenduste jaoks, jagada julgelt looja Jeremy Thomas oma Twitteri lehel @jgthms.