Stílusok hozzáadása a TinyMCE & Markdown tartalomhoz

Sok író szeret a Markdownban dolgozik mert ez egy egyszerűbb nyelv, amely kevesebb akadályt tud felmászni. Adott, hogy messze nem tökéletes, de a a szöveg tisztább megtekintése könnyedén exportál HTML-be.

Sajnos az alapértelmezett Markdown stílusok általában unalmasak. De a wysiwyg.css könyvtár, tudsz van egy élénk dokumentum egy pillanat alatt.

Ez az ingyenes CSS könyvtár az összes alapvető TinyMCE vagy Markdown tartalmát átalakítja formázott, könnyen olvasható HTML blokkok.

Nem kell ismernie semmilyen összetett HTML / CSS-t a bővítmény használatához. Egyszerűen tekerje le a generált tartalmat egy osztályba .wYSIWYG, és mindannyian be van állítva.

Az igazi nehézség egy olyan alkalmazás létrehozása, amely automatizálja ezt a folyamatot, vagy hozzáadja ezt a könyvtárat a felhasználói adminisztrációs panel hátteréhez.

A lehetőségek azonban végtelenek, és ezt is használhatja helyi írásos munkákhoz ha inkább tartalmát exportálja Markdownból HTML-be.

Alapértelmezés szerint ez a CSS könyvtár rendelkezik minden fontos HTML-címke támogatása elképzelhető. Ez magában foglalja az összes fejlécet, listát, linket, elő / kód címkét, számot és akár félig homályos címkét is és . Van egy teljes listát a GitHub repóban, ha ki szeretné nézni.

Ha saját tipográfiai stílusát határozza meg, ezek akár írja át az alapértelmezett beállításokat a stíluslapon. Így a wysiwyg.css minden előnyét megkaphatja keveredik a saját betűtípus-választásaival.

A könyvtárat sem lehet könnyebb beállítani. Éppen töltsön le másolatot helyben vagy húzza közvetlenül használva npm telepítse a wysiwyg.css fájlt

Innen csak te tartalmazza a CSS fájlt a dokumentum fejében, és hagyja, hogy futjon. Csak a tartalmat célozza meg az osztályba tartozó tartály belsejében .wYSIWYG, így az osztálynak meg kell csomagolnia a kívánt konténert.

A könyvtár még mindig működik félig gyakran frissítve, Szóval te meg tudod friss frissítések keresése a fő GitHub repóban. És ha javaslata vagy ötlete van az új frissítésekre, ne habozzon megosztani az alkotóval Jeremy Thomas-ot a Twitter oldalán @jgthms.