MediumEditor - Web İçin Satır İçi Metin Düzenleme Araç Çubuğu

Herkes biliyor Medium.com ve onların çılgınca popüler blog platformu. Onlar tasarım dünyasında pek çok fikri yeniden tanımladı ve tasarımlarını nasıl kopyalayacağınızı öğreten çok sayıda öğretici bulabilirsiniz.

Hoşunuza gidebilecek bir araç MediumEditor eklentisi saf JavaScript'e dayalı. Size izin verir özel bir satır içi metin düzenleyicisi ekle Orta blog sitesiyle aynı tasarımdaki herhangi bir sayfaya. Böylece, okuyucuların cesurca, italikleştirmelerine, bağlantılar, başlıklar ve hemen hemen her şey eklemelerine izin verebilirsiniz, basit bir görsel araç çubuğu ile.

Bu projenin hiçbir şekilde Medium'a bağlı olmadığını ve dolayısıyla resmi bir eklenti değil.

Sitenin bir hayranı ve Orta tasarım stilini seven biri tarafından yaratılmıştır. Yapabilirsin GitHub’daki kurulum hakkında daha fazla bilgi edinin. hangi tüm kodu depolar, kullanım için tamamen ücretsiz.

Editör tüm büyük tarayıcılarda çalışır, Microsoft Edge ve IE’nin güncel sürümlerini de içerir. IE7'ye dayanan daha eski Internet Explorer sürümlerini bile destekliyor. Çılgın!

Kurulum yapabileceğiniz bir esinti tüm dosyaları doğrudan çek npm veya Bower, hatta ücretsiz bir çevrimiçi CDN kullanın JSDelivr gibi.

O zaman birhem CSS hem de JavaScript dosyalarını dd web sitenizin başlığına Basit.

Oradan, sen editörü çağır tek bir kod satırına sahip:

 var editor = yeni MediumEditor ('. düzenlenebilir'); 

Yapabilirsin sayfa öğelerinin listesini ilet Bu sadece editörle çalışmalı, yoksa tüm sayfa boyunca çalışmasına izin ver.

Muhtemelen bu eklentinin en pratik kullanımı WYSIWYG editörü bir tür oluşturmak bir web uygulaması için.

O ileri ve geri veri aktarımı işlemez Sunucu ve istemci arasında, bu mantığı kendiniz oluşturmanız gerekir. Yine de, bu eklenti sıfırdan başlamaktan çok daha kolaydır.

MediumEditor demo sayfasının en altına ilerlerseniz, bir uzantıların listesi siz de test edebilirsiniz. Bunlar arasında tam etiketleme düzenleme, ile birlikte Orta tarz düğmeler ve diğer arayüz özellikleri.

Bu eklenti, istediği Orta hayranları için şiddetle tavsiye edilir. UX'lerinden bazılarını çoğaltmak başka bir projede.