Tagged

JavaScript

A collection of 9 posts

Extension Development

Visual Studio Code API'da Decorators Kullanımı

Visual Studio Code, kod editörüne tasarımsal olarak bazı eklemeler veya düzenlemeler için bize Decorator API isminde bir ortam sunmaktadır. Örnek olması açısından Visual Studio Code’da en çok kullanılan eklentilerden biri olan GitLens‘in kod editörüne yaptığı değişikliği gösterebiliriz. Bu yazımda biz de buna benzer bir eklenti geliştireceğiz. Geliştireceğimiz eklenti

JavaScript

JavaScript'te Seçilmiş Metindeki Seçimi Kaldırmak

JavaScript’te input bir alanda olan seçili metindeki seçimi kaldırmak için aşağıdaki yöntemden faydalanabiliriz. if (window.getSelection) { window.getSelection().removeAllRanges(); } else if (document.selection) { document.selection.empty(); } window.getSelection Internet Explorer 9+ ve diğer tarayıcılar tarafından desteklenmektedir. document.selection ise Internet Explorer 8 ve altı tarayıcılar tarafından desteklenmektedir. Kaynak: https:

JavaScript

Tarayıcıda Sekme Değiştirmenin Algılanması

Merhabalar, Tarayıcılarda bir sekmeden başka bir sekmeye geçişi Page Visibility API sayesinde anlayabiliriz. visibilityState özelliğinde sekmenin durumu tutulmaktadır. Örnek olarak aşağıdaki kodu inceleyebiliriz: document.addEventListener("visibilitychange", function() { console.log(document.visibilityState); }); Sekme değişikliklerini visibilitychange olayı yakalamaktadır. visibilityState özelliği aşağıdaki değerleri almaktadır: visible: Tarayıcı sekme aktiftir ve tarayıcı penceresi

Bootstrap

Bootstrap Popover Eklentisinin Ekran Görünümüne Göre Konumlanması

Bootstrap’in Popover eklentisini kullanırken tarayıcının ekran boyutlarında herhangi bir değişim olduğunda açılan Popover ekranda düzgün bir şekilde konumlanmamaktadır. Örneğin Popover’ın placement özelliğini top olarak atarsanız tarayıcı ekranını aşağı doğru kaydırdığınızda veya ekran boyutunu değiştirdiğinizde Popover ekranın dışında kalacaktır. Bu sorunu önlemek için **placement** özelliğini aşağıdaki şekilde düzenlememiz yeterlidir.

HTML

TinyMCE ile Formatter Kullanımı

Okuma Süresi: 1dakikaTinyMCE’de Formatter basit bir şekilde istediğimiz biçimleri uygulamamızı veya kaldırmamıza yarar. Örnek olarak TinyMCE editöründe seçmiş olduğumuz alanı ins veya del etiketleri arasına alacak ve kaldır düğmesine bastığımızda ise bu biçimleri kaldıracak. Varsayılan olarak gelen init fonksiyonumuzu aşağıdaki şekilde değiştirelim: tinymce.init({ selector: "textarea", plugins: