Seçim API’siyle Seçilen Metin İçin Eylemler Nasıl Oluşturulur

0
25

Tıkla, sürükle, bırak: az önce bir web sayfasında bir metin seçtiniz – muhtemelen bir yere kopyalayıp yapıştırmak veya paylaşmak için. Bu metni seçmek, bu görevleri kolaylaştıran bazı seçenekleri ortaya çıkarırsa harika olmaz mıydı? Seçim menüsünün yaptığı budur.

Daha önce bir çevrimiçi düzenleyici kullandıysanız, seçim menülerine zaten aşina olabilirsiniz. Metni seçtiğinizde, seçimi biçimlendirme seçenekleri onun üzerinde kayabilir. Aslında, bu taslağı tam olarak bunu yapan bir editörde yazıyorum.

JavaScript’in Selection API’sini kullanarak nasıl böyle bir seçim menüsü oluşturabileceğimize bir bakalım. API, bir web sayfasındaki seçilen alanın alanına ve içeriğine erişmemizi sağlar. Bu şekilde seçim menüsünü seçilen metnin tam üstüne yerleştirebilir ve seçilen metnin kendisine erişebiliriz.

İşte bazı örnek metinler içeren bir HTML pasajı:

Aşağıdaki metnin üzerini seçin

Basamaklı Stil Sayfaları (CSS), HTML gibi bir biçimlendirme dilinde yazılmış bir belgenin sunumunu açıklamak için kullanılan bir stil sayfası dilidir. CSS, HTML ve JavaScript’in yanı sıra World Wide Web’in temel taşı teknolojisidir. CSS, mizanpaj, renkler ve yazı tipleri dahil olmak üzere sunum ve içeriğin ayrılmasını sağlamak için tasarlanmıştır. Bu ayrım, içerik erişilebilirliğini artırabilir, sunum özelliklerinin belirtiminde daha fazla esneklik ve kontrol sağlayabilir.

Orada bir