웹 캡처 및 변환 도구
GrabzIt 링크 미리보기 플러그인

링크 미리보기 플러그인

링크 미리보기 플러그인은 사용자가 링크를 가리키고 링크가 클래스를 가질 때 링크가 링크되는 웹 페이지의 미리보기를 보여줍니다. grabzit-preview. 이 save원하는 링크를 결정할 때 사용자 시간.

시작하려면 아래 본문을 닫는 본문 태그 바로 위의 페이지 하단에 배치하십시오. 그런 다음 "응용 프로그램 키"를 실제 키로 바꾸십시오. 응용 프로그램 키. 다음으로 링크에 미리보기 기능을 추가하려면 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을 지정하려는 경우. 를 사용하여 하나를 지정할 수 있습니다 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-loadergrabzit-preview-screenshot.

블로그 또는 CMS에 GrabzIt Preview 설치

GrabzIt Preview는 WordPress, Drupal 및 Joomla와 같은 블로그 또는 CMS와 완벽하게 호환됩니다. 그냥 열어 blog-or-cms-install.txt 플러그인 다운로드에서 찾을 수 있으며 여기에는 필요한 모든 JavaScript 및 CSS가 한 블록에 포함됩니다. 그런 다음 삽입 할 수 있습니다 int원시 HTML을 허용하는 위젯과 같은 위젯은 대부분의 블로그 또는 컨텐츠 관리 시스템에 있습니다. 내용 다음에 페이지 하단에 위치해야합니다.

다운로드


이 JavaScript 플러그인은 완전히 오픈 소스입니다! 소스 코드를 보거나 향상 시키려면 GitHub의.