MediumEditor - Bilah Alat Penyuntingan Teks Inline untuk Web
Semua orang tahu Medium.com dan platform blogging mereka yang sangat populer. Mereka mendefinisi ulang banyak ide di dunia desain dan Anda dapat menemukan banyak tutorial yang mengajarkan Anda cara mengkloning desain mereka.
Satu alat yang mungkin Anda sukai adalah Plugin MediumEditor berdasarkan JavaScript murni. Itu memungkinkan Anda tambahkan editor teks inline khusus ke halaman mana pun dalam desain yang sama dengan situs blog Medium. Jadi, Anda dapat membiarkan pembaca cetak tebal, cetak miring, tambahkan tautan, tajuk, dan banyak hal lainnya, dengan bilah alat visual sederhana.
Catatan proyek ini tidak berafiliasi dengan Medium dengan cara apa pun jadi itu bukan plugin resmi.
Itu dibuat oleh penggemar situs dan seseorang yang menyukai gaya desain menengah. Kamu bisa pelajari lebih lanjut tentang pengaturan di GitHub yang menyimpan semua kode, benar-benar gratis untuk digunakan.
Editor berfungsi di semua browser utama, termasuk versi Microsoft Edge dan IE saat ini. Ia bahkan mendukung versi Internet Explorer yang lebih lama, yang berasal dari IE7. Gila!
Instalasi sangat mudah di mana Anda bisa tarik semua file secara langsung melalui npm atau Bower, atau bahkan gunakan CDN online gratis seperti JSDelivr.
Maka Anda akan add file CSS dan JavaScript ke tajuk situs web Anda. Mudah marah.
Dari sana, kamu hubungi editor dengan satu baris kode:
var editor = MediumEditor baru ('. dapat diedit');
Kamu bisa lulus daftar elemen halaman yang seharusnya hanya bekerja dengan editor, atau Anda bisa biarkan berjalan di seluruh halaman.
Mungkin penggunaan plugin ini yang paling praktis adalah untuk buat beberapa jenis editor WYSIWYG untuk aplikasi web.
Saya t tidak menangani pengiriman data bolak-balik antara server dan klien, jadi Anda harus membuat sendiri logika itu. Namun, plugin ini jauh lebih mudah daripada memulai dari awal.
Jika Anda menggulir ke bagian paling bawah halaman demo MediumEditor Anda akan menemukan daftar ekstensi Anda dapat menguji juga. Ini termasuk pengeditan penurunan harga penuh, bersama Tombol gaya sedang dan fitur antarmuka lainnya.
Plugin ini sangat disarankan untuk penggemar Medium yang mau meniru beberapa UX mereka di proyek lain.