{"id":22120691,"url":"https://github.com/hmarzban/jquery-plugin-previewer","last_synced_at":"2026-04-28T23:02:35.307Z","repository":{"id":143969326,"uuid":"128809768","full_name":"HMarzban/jquery-plugin-previewer","owner":"HMarzban","description":"JQUERY Plugin - Modal Previewer - Linke Previewer ","archived":false,"fork":false,"pushed_at":"2020-04-02T12:38:06.000Z","size":3435,"stargazers_count":1,"open_issues_count":1,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-29T12:28:17.787Z","etag":null,"topics":["amd-modules","jquery","jquery-plugin","link-preview","previewer","requirejs"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/HMarzban.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-04-09T17:31:35.000Z","updated_at":"2020-12-25T02:42:27.000Z","dependencies_parsed_at":null,"dependency_job_id":"5e2cea95-8d5e-4935-a6d2-74805f170c54","html_url":"https://github.com/HMarzban/jquery-plugin-previewer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HMarzban%2Fjquery-plugin-previewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HMarzban%2Fjquery-plugin-previewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HMarzban%2Fjquery-plugin-previewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HMarzban%2Fjquery-plugin-previewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HMarzban","download_url":"https://codeload.github.com/HMarzban/jquery-plugin-previewer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245224004,"owners_count":20580362,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["amd-modules","jquery","jquery-plugin","link-preview","previewer","requirejs"],"created_at":"2024-12-01T14:29:29.688Z","updated_at":"2026-04-28T23:02:30.262Z","avatar_url":"https://github.com/HMarzban.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\npreviewer.js\n=============\n\nSimple Jquery Module Plugin for preview link in your page. \nThis Jquery plugin open hyperlink in your website page on pops up modal, the user can open multi hyperlinks on one modal and manage them by tabs order. Test plugin now on the \u003ca href=\"https://hosseinmarzban.github.io/jquery-plugin-previewer/\" title=\"Demo previewer.js\"\u003eDEMO\u003c/a\u003e page.\n\n\n\n\n# How to use\n\nAdd these two files in Header or Footer of your html file, Be careful before import `previewer.js` import \u003ca href=\"https://code.jquery.com/\" title=\"JQuery\"\u003eJQuery\u003c/a\u003e or \u003ca href=\"http://requirejs.org/\" title=\"requirejs\"\u003erequirejs\u003c/a\u003e base on you need.\n\n``` html\n\u003clink href=\"../css/style.css\"  rel=stylesheet\u003e\n\u003cscript src=\"../js/previewer.js\"\u003e\u003c/script\u003e\n```\n\n\n### JQUERY\n\n``` javascript\n$('.contentWraper').previewer(..option..);\n```\n\n### AMD, REQUIREJS\n\n``` javascript\nrequirejs.config({\n    paths: {\n        jquery: '../node_modules/jquery/dist/jquery.min',\n        previewer:'../js/previewer'\n    }\n});\n\n\nrequirejs(['jquery','previewer'], function( $ ) {\n    $('.contentWraper').previewer(..option..);\n});\n```\n\n# Features\n\n``` javascript\n$('.contentWraper').previewer({\n        direction:'rtl',\n        hold_time: 2000,\n        dragable: false,\n        sandbox: {\n            active: true,\n            types: \"allow-same-origin allow-scripts\"\n        }\n    });\n```\n\n### Options\n\nOption      | Default                                                   | Acceptable\n---         | ---                                                       | ---\nhold_time   | 1000                                                      | Milliseconds\nshow_tab    | true                                                      | Boolean\ndirection   | ltr                                                       | `LTR or RTL`\nsandbox     | `active: true,types: \"allow-same-origin allow-scripts`    | `active:boolean,types:`[Iframe Attribute](https://www.w3schools.com/tags/att_iframe_sandbox.asp)\ntab_Navigate| true                                                      | Boolean\nstyle       | `width: \"60%\",height: \"300px\"`                            | [width: px / % / vw  ,  height: px / % / vh ](https://www.w3schools.com/cssref/css_units.asp)\nclass       | \"\"                                                        | CSS Class Name string\nfocus       | true                                                      | Boolean\ndragable    | false                                                     | Boolean\n\n\n\n\n\n\n\n# jquery-plugin-previewer\nJQUERY Plugin - Modal Previewer - Linke Previewer \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhmarzban%2Fjquery-plugin-previewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhmarzban%2Fjquery-plugin-previewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhmarzban%2Fjquery-plugin-previewer/lists"}