Web Yakalama ve Dönüştürme Araçları
GrabzIt Bağlantı Önizleme Eklentisi

Bağlantı Önizleme Eklentisi

Bağlantı Önizleme Eklentisi, kullanıcı bağlantıyı dolaştığında ve bağlantı sınıfa sahip olduğunda, bağlantının bağlandığı web sayfasının önizlemesini gösterir. grabzit-preview. Bu saveİstedikleri bağlantıya hangi bağlantıların verileceğine karar verirken kullanıcı zamanı.

Başlamak için, aşağıdaki satırı sayfanın altına, kapanma gövdesi etiketinin hemen üstüne yerleştirin. Ardından "UYGULAMA ANAHTARI" nı değiştirin uygulama anahtarı. Bir bağlantıya önizleme özelliği eklemek için bir sonraki grabzit-preview bağlantıya sınıf. Bu daha sonra otomatik olarak okunur ve bir önizleme oluşturulur.

new GrabzItPreview("Sign in to view your Application Key");

Bundan başka yapılandırma seçenekleri ayarlamanıza gerek yoktur, ancak hepsini belirleyebilirsiniz. genel, resim ve hareketli GIF parametreleri Seçenekler nesnesinde. Örneğin, aşağıdaki örnekte genişlik ve yüksekliği 200 x 200 olarak ayarladık.

new GrabzItPreview("Sign in to view your Application Key", {"width": 200, "height": 200});

Href özelliğinde bulunandan farklı bir URL belirlemek istiyorsanız. Kullanarak bir tane belirleyebilirsiniz grabzit-href örneğin, öznitelik.

<a href="http://example.com" grabzit-href="https://www.tesla.com" class="grabzit-preview">My Example</a>

İstediğiniz gibi JavaScript veya CSS'yi değiştirmek için çekinmeyin! Ancak, önizleme kutusunu stillendirmek için kullanabileceğiniz özel CSS sınıfları sunuyoruz: grabzit-preview-container, grabzit-preview-caption, grabzit-preview-loader ve grabzit-preview-screenshot.

GrabzIt Önizlemesini Blog ya da CMS'ye Kurmak

GrabzIt Preview, bir blog veya WordPress, Drupal ve Joomla gibi CMS ile tam uyumludur. Sadece aç blog-ya-cms-install.txt Eklenti yüklemesinde bulundu, tüm gerekli JavaScript ve CSS’leri tek bir blokta içeriyor. Bu daha sonra eklenebilir into Ham HTML kabul eden bir widget, bu tür widget'ler çoğu blogda veya İçerik Yönetim Sistemlerinde bulunur. İçeriğin ardından sayfanın altına yerleştirmeyi unutmayın.

Hemen İndir


Bu JavaScript eklentisi tamamen açık kaynak! Kaynak kodunu görüntülemek veya geliştirmek istiyorsanız, onu bulabilirsiniz. GitHub.