捕获和转换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上.