捕獲和轉換Web的工具
GrabzIt Link預覽插件

鏈接預覽插件

鏈接預覽插件顯示了當用戶將鼠標懸停在鏈接上並且鏈接具有類別時鏈接所鏈接的網頁的預覽 grabzit-preview。 這 save決定哪些鏈接是他們想要的鏈接時的用戶時間。

要開始使用,請在頁面底部下方的一行中,緊接在body標籤上方。 然後將“ APPLICATION KEY”替換為您的實際 應用程序密鑰。 接下來,將預覽功能添加到鏈接中,只需添加 grabzit-preview 類的鏈接。 然後將自動讀取該內容並生成預覽。

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

除此以外,您無需設置其他任何配置選項,但是您可以指定所有 常規,圖像和動畫GIF參數 在選項對像中。 例如,在下面的示例中,我們將寬度和高度設置為200 x 200。

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

如果要指定除href屬性中找到的URL以外的URL。 您可以使用 grabzit-href 例如屬性。

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

隨意更改JavaScript或CSS! 但是,我們提供了一些特殊的CSS類,您可以使用它們來設置預覽框的樣式,其中包括: grabzit-preview-container, grabzit-preview-caption, grabzit-preview-loader - grabzit-preview-screenshot.

在博客或CMS上安裝GrabzIt Preview

GrabzIt Preview與博客或CMS(例如WordPress,Drupal和Joomla)完全兼容。 剛開 blog-or-cms-install.txt 可以在插件下載中找到,它在一個塊中包含了所有必需的JavaScript和CSS。 然後可以插入 int或接受原始HTML的小部件,大多數博客或內容管理系統中都存在此類小部件。 請記住,將其放在內容後的頁面底部。

立即下載


這個JavaScript插件是完全開源的! 如果您想查看或改進源代碼,可以在 GitHub上.