Bagaimana Menambahkan Gaya ke Konten TinyMCE & Penurunan Harga

Banyak penulis lebih suka bekerja di penurunan harga karena itu bahasa yang lebih sederhana dengan lebih sedikit rintangan untuk didaki. Memang itu jauh dari sempurna, tetapi ia menawarkan tampilan teks Anda lebih bersih dengan mudahnya mengekspor ke HTML.

Sayangnya, gaya Markdown default biasanya cukup membosankan. Tetapi dengan perpustakaan wysiwyg.css, kamu bisa memiliki dokumen yang hidup dalam waktu singkat.

Pustaka CSS gratis ini mengubah semua konten TinyMCE atau Markdown dasar Anda menjadi blok HTML yang diformat dan mudah dibaca.

Anda tidak perlu tahu HTML / CSS kompleks untuk menggunakan plugin ini. Secara sederhana bungkus konten yang dihasilkan menjadi div dengan kelas .wysiwyg, dan Anda sudah siap.

Kesulitan sebenarnya adalah membangun aplikasi yang akan mengotomatiskan proses ini, atau menambahkan perpustakaan ini ke backend untuk panel admin pengguna.

Namun, kemungkinannya tidak terbatas, dan Anda bahkan bisa menggunakannya untuk pekerjaan menulis lokal jika Anda lebih suka untuk mengekspor konten Anda dari penurunan harga ke HTML.

Secara default, perpustakaan CSS ini memiliki dukungan untuk setiap tag HTML utama yg ada. Ini termasuk semua tajuk, daftar, tautan, tag pra / kode, gambar, dan bahkan tag semi-tidak jelas seperti dan . Ada daftar lengkap di repo GitHub jika Anda ingin memeriksanya.

Jika Anda menentukan gaya tipografi Anda sendiri, ini bahkan bisa tulis ulang pengaturan default di stylesheet. Jadi, Anda bisa mendapatkan semua manfaat dari wysiwyg.css dicampur dengan pilihan font Anda sendiri.

Perpustakaan juga tidak bisa lebih mudah diatur. Hanya unduh salinan secara lokal atau tarik langsung menggunakan npm instal wysiwyg.css

Dari sana, Anda baru saja termasuk file CSS di kepala dokumen Anda, dan biarkan berjalan. Itu hanya akan menargetkan konten di dalam wadah dengan kelas .wysiwyg, jadi kelas ini harus membungkus wadah apa pun yang Anda inginkan.

Perpustakaan masih ada diperbarui secara berkala, jadi kamu bisa temukan pembaruan terkini di repo GitHub utama. Dan jika Anda memiliki saran atau ide untuk pembaruan baru jangan ragu untuk berbagi dengan pencipta Jeremy Thomas di halaman Twitter-nya @jgthms.