Laman » Toolkit » MediumEditor - Barisan Pengeditan Teks Dalam Talian untuk Web

    MediumEditor - Barisan Pengeditan Teks Dalam Talian untuk Web

    Semua orang tahu Medium.com dan platform blog mereka yang sangat popular. Mereka mendefinisikan semula banyak idea dalam dunia reka bentuk dan anda boleh mendapatkan banyak tutorial yang mengajar anda bagaimana untuk mengklonkan reka bentuk mereka.

    Satu alat yang anda mahukan ialah Plugin MediumEditor berdasarkan JavaScript tulen. Ia membolehkan anda tambah editor teks inline tersuai ke mana-mana halaman dalam reka bentuk yang sama dengan laman blog Sederhana. Jadi, anda boleh membiarkan pembaca berani, menceret, menambah pautan, tajuk, dan banyak lagi perkara lain, dengan bar alat visual yang mudah.

    Perhatikan projek ini tidak bergabung dengan Medium dalam apa jua cara jadi ia bukan plugin rasmi.

    Ia dicipta oleh peminat tapak dan seseorang yang suka gaya reka bentuk Medium. Awak boleh ketahui lebih lanjut mengenai persediaan di GitHub yang menyimpan semua kod, sama sekali percuma untuk digunakan.

    Penyuntingnya berfungsi dalam semua pelayar utama, termasuk versi semasa Microsoft Edge dan IE. Ia juga menyokong versi Internet Explorer yang lebih lama, bermula dari IE7. Gila!

    Pemasangan adalah angin di mana anda boleh tarik semua fail secara langsung melalui npm atau Bower, atau bahkan gunakan CDN dalam talian percuma seperti JSDelivr.

    Kemudian anda akan add kedua-dua fail CSS dan JavaScript ke tajuk laman web anda. Senang kacang.

    Dari situ, anda hubungi editor dengan satu baris kod:

     var editor = new MediumEditor ('boleh diedit'); 

    Awak boleh lulus senarai elemen halaman yang hanya boleh berfungsi dengan editor, atau anda boleh biarkan ia berjalan di seluruh halaman.

    Mungkin penggunaan yang paling praktikal dari plugin ini adalah untuk buat beberapa jenis editor WYSIWYG untuk aplikasi web.

    Ia tidak mengendalikan data lulus balik & sebagainya antara pelayan dan pelanggan, jadi anda perlu mencipta logik itu sendiri. Namun, plugin ini jauh lebih mudah daripada bermula dari awal.

    Jika anda menatal ke bahagian paling bawah halaman demo MediumEditor, anda akan dapati senarai pelanjutan anda boleh menguji juga. Ini termasuk penyuntingan markah penuh, bersama dengan Butang gaya sederhana dan ciri antara muka yang lain.

    Plugin ini amat disyorkan untuk mana-mana peminat Medium yang ingin meniru beberapa UX mereka dalam projek lain.