TinyMCE ve Markdown İçeriğine Stiller Nasıl Eklenir

Birçok yazar tercih ediyor Markdown'da çalışmak çünkü tırmanması daha az engel olan daha basit bir dildir. Verilen mükemmel olmaktan uzak, ancak bir metninizi daha temiz görmek kolaylığı ile HTML’ye dışa aktarma.

Ne yazık ki, varsayılan Markdown stilleri genellikle oldukça sıkıcıdır. Ama ile wysiwyg.css kütüphanesi, yapabilirsin canlı bir belgeye sahip olmak hemen.

Bu ücretsiz CSS kütüphanesi, tüm temel TinyMCE veya Markdown içeriğinizi dönüştürür. biçimlendirilmiş, okunması kolay HTML blokları.

Bu eklentiyi kullanmak için herhangi bir karmaşık HTML / CSS bilmenize gerek yok. basitçe oluşturulan içeriği kaydır sınıf ile bir div içine .wysiwyg, ve hepiniz hazırsınız.

Asıl zorluk, bu işlemi otomatikleştiren bir uygulama oluşturmak veya bu kütüphaneyi bir kullanıcı yönetici paneli için arka uçlara eklemek..

Ancak, olasılıklar sonsuzdur ve bunu bile kullanabilirsiniz yerel yazı işleri için içeriğinizi dışa aktarmayı tercih ederseniz Markdown'dan HTML'ye.

Varsayılan olarak, bu CSS kütüphanesinde her büyük HTML etiketi için destek Akla gelebilecek. Bu, tüm başlıkları, listeleri, bağlantıları, ön / kod etiketlerini, rakamları ve hatta yarı gizli etiketleri içerir. ve . Orada bir tam liste GitHub deposunda kontrol etmek istiyorsanız.

Kendi tipografik stillerinizi tanımlarsanız, bunlar bile varsayılan ayarları yeniden yazın stil sayfasında. Böylece wysiwyg.css'in tüm avantajlarından yararlanabilirsiniz. kendi yazı tipi seçeneklerinizle karıştırılmış.

Kütüphanenin kurulumu da kolay olamazdı. Sadece yerel olarak bir kopya indir veya doğrudan çek kullanma npm kurulum wysiwyg.css

Oradan, sadece sen CSS dosyasını dahil et Belgenizin başında ve çalışmasına izin verin. Yalnızca içeriği hedefler sınıfı olan bir konteynerin içinde .wysiwyg, bu yüzden bu sınıf ne istersen konteyner sarmalı.

Kütüphane hala devam ediyor yarı sık güncellenen, Böylece yapabilirsiniz son güncellemeleri bul Ana GitHub deposunda. Ve yeni güncellemeler için önerileriniz veya fikirleriniz varsa, Twitter sayfasındaki içerik oluşturucu Jeremy Thomas ile paylaşın..