Pagrindinis » Įrankių rinkinys » Kaip pridėti stilių prie „TinyMCE & Markdown“ turinio

    Kaip pridėti stilių prie „TinyMCE & Markdown“ turinio

    Daugelis rašytojų nori dirba „Markdown“ nes tai paprastesnė kalba, kurioje yra mažiau kliūčių. Suteikta, kad ji toli gražu nėra tobula, tačiau ji siūlo a švaresnis jūsų teksto vaizdas lengvai eksportuoti į HTML.

    Deja, numatytieji „Markdown“ stiliai paprastai yra gana nuobodu. Bet su wysiwyg.css biblioteka, tu gali turėti energingą dokumentą akimoju.

    Ši nemokama CSS biblioteka paverčia visą jūsų pagrindinį „TinyMCE“ arba „Markdown“ turinį suformatuoti, lengvai skaitomi HTML blokai.

    Jums nereikia žinoti jokių sudėtingų HTML / CSS, kad galėtumėte naudoti šį papildinį. Tiesiog suvyniokite sukurtą turinį į klasę .wysiwyg, ir jūs visi esate.

    Iš tikrųjų sunku sukurti programą, kuri automatizuotų šį procesą, arba pridedant šią biblioteką naudotojo administravimo skydui.

    Tačiau galimybės yra neribotos, ir jūs netgi galėtumėte tai naudoti vietiniam rašymui jei norite eksportuoti turinį nuo „Markdown“ iki „HTML“.

    Pagal nutylėjimą ši CSS biblioteka turi parama kiekvienam pagrindiniam HTML žymeniui įsivaizduoti. Tai apima visas antraštes, sąrašus, nuorodas, iš anksto / kodo žymes, skaičius ir netgi pusiau neaiškias žymes ir . Ten yra visas sąrašas „GitHub“ repo, jei norite jį patikrinti.

    Jei apibrėžsite savo tipografinius stilius, jie gali netgi perrašyti numatytuosius nustatymus stiliaus lape. Taigi, jūs galite gauti visus wysiwyg.css privalumus sumaišyti su savo šriftų pasirinkimu.

    Biblioteka taip pat negalėjo būti paprasčiau. Tiesiog atsisiųskite kopiją vietoje arba ištraukite jį tiesiai naudojant npm įdiegti wysiwyg.css

    Iš ten jūs tiesiog įtraukti CSS failą įdėkite į dokumento galvutę ir leiskite jam paleisti. Jis bus nukreiptas tik į turinį viduje konteinerio su klasė .wysiwyg, taigi ši klasė turėtų suvynioti bet kokį norimą konteinerį.

    Biblioteka vis dar yra atnaujinamas pusiau dažnai, taip galite rasti naujausius naujinimus pagrindiniame „GitHub“ repo. Ir jei turite pasiūlymų ar idėjų naujiems naujiniams, nedvejodami pasidalinkite su kūrėju Jeremy Thomas savo Twitter puslapyje @jgthms.