Tyylien lisääminen TinyMCE & Markdown -sisältöön

Monet kirjoittajat pitävät parempana työskentelee Markdownissa koska se on yksinkertaisempi kieli, jossa on vähemmän esteitä kiivetä. Myönnetty se on kaukana täydellisestä, mutta se tarjoaa a puhtaampi näkymä tekstistä helposti viedä HTML-muotoon.

Valitettavasti Markdown-tyylit ovat yleensä melko tylsiä. Mutta wysiwyg.css-kirjasto, sinä pystyt sinulla on elinvoimainen asiakirja ei ole aikaa.

Tämä ilmainen CSS-kirjasto muuntaa kaiken TinyMCE- tai Markdown-sisällön muotoiltuja, helposti luettavia HTML-lohkoja.

Sinun ei tarvitse tietää mitään monimutkaista HTML / CSS: tä, jotta voit käyttää tätä laajennusta. Yksinkertaisesti kääri syntynyt sisältö osaksi luokkaa .wysiwyg, ja olet kaikki asetettu.

Todellinen vaikeus on rakentaa sovellus, joka automatisoi tämän prosessin, tai lisäämällä tämän kirjaston käyttäjän hallintapaneelin taustalle.

Mahdollisuudet ovat kuitenkin rajattomat, ja voit jopa käyttää tätä paikalliseen kirjoittamiseen jos haluat viedä sisältöäsi Markdownista HTML: iin.

Oletuksena tämä CSS-kirjasto on tuki kaikille tärkeimmille HTML-tunnisteille kuviteltavissa. Tähän sisältyvät kaikki otsikot, luettelot, linkit, esi- / kooditunnisteet, luvut ja jopa osittain epäselvät tunnisteet ja . Siellä täydellinen luettelo GitHub-repossa, jos haluat tarkistaa sen.

Jos määrität omia typografisia tyylejäsi, ne voivat jopa kirjoita oletusasetukset uudelleen tyylitaulukkoon. Voit siis saada kaikki wysiwyg.css: n edut sekoitettu omien fonttivalintojen kanssa.

Myöskään kirjastoa ei voitu helpommin asentaa. Vain ladata kopion paikallisesti tai vedä se suoraan käyttämällä npm asenna wysiwyg.css

Sieltä olet juuri sisällyttää CSS-tiedosto ja anna sen juosta. Se kohdistuu vain sisältöön sisällä säiliön sisällä .wysiwyg, joten tämän luokan tulisi kääriä haluamasi säiliö.

Kirjasto on edelleen päivitetään puolittain usein, niin sinä voit löytää viimeisimmät päivitykset GitHubin tärkeimmässä repossa. Ja jos sinulla on ehdotuksia tai ideoita uusista päivityksistä, voit jakaa voittajan Jeremy Thomasin Twitter-sivulla @jgthms.