Cara Tambah Gaya untuk TinyMCE & Kandungan Lajur

Ramai penulis lebih suka bekerja di Markdown kerana ia adalah bahasa yang lebih mudah dengan rintangan yang sedikit untuk mendaki. Memang ia jauh dari sempurna, tetapi ia menawarkan pandangan bersih teks anda dengan kemudahan mengeksport ke dalam HTML.

Malangnya, gaya penandaan lalai biasanya agak membosankan. Tetapi dengan perpustakaan wysiwyg.css, awak boleh mempunyai dokumen bersemangat dalam masa yang singkat.

Perpustakaan CSS percuma ini mengubah semua kandungan asas TinyMCE atau Markdown anda diformat, blok mudah dibaca HTML.

Anda tidak perlu mengetahui sebarang HTML / CSS kompleks untuk menggunakan plugin ini. Cukup bungkus kandungan yang dijana ke dalam div dengan kelas .wysiwyg, dan anda sudah bersedia.

Kesukaran sebenar adalah membina aplikasi yang akan mengautomasikan proses ini, atau menambah perpustakaan ini ke backend untuk panel admin pengguna.

Walau bagaimanapun, kemungkinan tidak berkesudahan, dan anda juga boleh menggunakannya untuk kerja-kerja penulisan tempatan jika anda lebih suka mengeksport kandungan anda dari Markdown ke HTML.

Secara lalai, perpustakaan CSS ini mempunyai sokongan untuk setiap tag HTML utama boleh dibayangkan. Ini termasuk semua pengepala, senarai, pautan, tag pra / kod, angka dan tag semi separa seperti dan . Ada senarai penuh di repo GitHub jika anda ingin menyemaknya.

Jika anda menentukan gaya tipografi anda sendiri, ini juga boleh menulis semula tetapan lalai dalam stylesheet. Jadi, anda boleh mendapatkan semua manfaat wysiwyg.css bercampur dengan pilihan font anda sendiri.

Perpustakaan tidak dapat lebih mudah untuk disediakan sama ada. Hanya muat turun salinan secara tempatan atau tarik secara langsung menggunakan npm pasang wysiwyg.css

Dari sana, anda hanya termasuk fail CSS di kepala dokumen anda, dan biarkan ia berjalan. Ia hanya akan mensasarkan kandungannya di dalam bekas dengan kelas .wysiwyg, jadi kelas ini perlu membungkus bekas yang anda mahu.

Perpustakaan masih ada dikemas kini separuh kerap, jadi anda boleh cari kemas kini terkini di repo utama GitHub. Dan jika anda mempunyai cadangan atau idea untuk kemas kini baru berasa bebas untuk berkongsi dengan pencipta Jeremy Thomas di laman Twitter @jgthms.