{"id":15572922,"url":"https://github.com/ushelp/easybootstraptabs","last_synced_at":"2025-04-12T00:52:06.660Z","repository":{"id":57218854,"uuid":"97607897","full_name":"ushelp/EasyBootstrapTabs","owner":"ushelp","description":"Bootstrap3 tabs plugin. Provide multi-tab create, close button, right-click menu close, refresh and js API.","archived":false,"fork":false,"pushed_at":"2019-08-13T07:07:23.000Z","size":375,"stargazers_count":3,"open_issues_count":0,"forks_count":6,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-12T00:52:00.733Z","etag":null,"topics":["bootstrap","bootstrap-tab","bootstrap-tabs","bootstrap3","bootstrap3-tabs","multi-tab","tabs","togglable-tabs"],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ushelp.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":["http://www.easyproject.cn/donation"]}},"created_at":"2017-07-18T14:26:15.000Z","updated_at":"2019-12-17T22:48:29.000Z","dependencies_parsed_at":"2022-08-28T23:30:42.831Z","dependency_job_id":null,"html_url":"https://github.com/ushelp/EasyBootstrapTabs","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ushelp%2FEasyBootstrapTabs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ushelp%2FEasyBootstrapTabs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ushelp%2FEasyBootstrapTabs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ushelp%2FEasyBootstrapTabs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ushelp","download_url":"https://codeload.github.com/ushelp/EasyBootstrapTabs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248501886,"owners_count":21114681,"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":["bootstrap","bootstrap-tab","bootstrap-tabs","bootstrap3","bootstrap3-tabs","multi-tab","tabs","togglable-tabs"],"created_at":"2024-10-02T18:08:38.625Z","updated_at":"2025-04-12T00:52:06.641Z","avatar_url":"https://github.com/ushelp.png","language":"HTML","funding_links":["http://www.easyproject.cn/donation"],"categories":[],"sub_categories":[],"readme":"# EasyBootstrapTabs\n\n**EasyBootstrapTabs 是针对 Bootstrap3(及基于 Bootstrap3 的其他 UI 框架，如 ACE 等等) Togglable tabs 的扩展插件。**\n\n**为 Bootstrap 提供多标签页创建，关闭按钮，右键菜单关闭，刷新及标签管理 API。**\n\n\n**EasyBootstrapTabs is an extension to Togglable tabs for Bootstrap3 (and other UI frameworks based on Bootstrap3, such as ACE, etc.).**\n\n**Provide multi-tab create, close button, right-click menu close, refresh and js API.**\n\n\n## Feature/特点\n\n- **中文**\n\n\t- 多标签创建，关闭，关闭记忆\n\t\n\t- 右键菜单：关闭，关闭其他，关闭所有，关闭左侧，关闭右侧，刷新\n\t\n\t- JavaScript API：`addTab`, `removeTab`, `removeAllTab`, `selectTab`, `refreshTab`\n\n\n- **English**\n\n\t- Multi-label creation, closing, closing memory\n\n\t- right-click menu: close, close other, close all, close left, close right, refresh\n\n\t- JavaScript API: `addTab`,` removeTab`, `removeAllTab`,` selectTab`, `refreshTab`\n\n## Demo\n\n![Demo3](doc/images/demo3.png)\n\n![Demo1](doc/images/demo1.png)\n\n![Demo2](doc/images/demo2.png)\n\n## Installation/安装\n\n- Download install/下载安装\n\n- Npm install/Npm 安装\n\n\t```BASH\n\tnpm install easybootstraptabs\n\t```\n\n## \tGet Started/开始使用\n\n### Tab structure/Tab 结构\n```HTML\n\u003c!-- Nav tabs --\u003e\n\u003cul class=\"nav nav-tabs bg-info\" role=\"tablist\" id=\"myTab\"\u003e\n\t\u003cli role=\"presentation\" class=\"active\"\u003e\n\t\t\u003ca href=\"#home\" aria-controls=\"home\" role=\"tab\" data-toggle=\"tab\"\u003e\n\t\t\tHome\n\t\t\u003c/a\u003e\n\t\u003c/li\u003e\n\t\u003cli role=\"presentation\"\u003e\n\t\t\u003ca href=\"#test\" aria-controls=\"profile\" role=\"tab\" data-toggle=\"tab\"\u003e\n\t\t\tTest \n\t\t\t\u003c!-- Add close button--\u003e\n\t\t\t\u003cspan class=\"glyphicon glyphicon-remove\" aria-hidden=\"true\"\u003e\u003c/span\u003e\n\t\t\u003c/a\u003e\n\t\u003c/li\u003e\n\n\u003c/ul\u003e\n\u003c!-- Tab panes --\u003e\n\u003cdiv class=\"tab-content\"\u003e\n\t\u003cdiv role=\"tabpanel\" class=\"tab-pane active\" id=\"home\"\u003eHome\u003c/div\u003e\n\t\u003cdiv role=\"tabpanel\" class=\"tab-pane\" id=\"test\"\u003e\n\t\t\u003ch1\u003eTest API\u003c/h1\u003e\n\t\u003c/div\u003e\n\u003c/div\u003e\n```\n\n### EasyBootstrapTabs initialization/初始化 \n\n```HTML\n\u003c!-- jQuery --\u003e\n\u003cscript src=\"../lib/jquery.min.js\" type=\"text/javascript\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\u003c!-- Bootstrap3 --\u003e\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"../lib/bootstrap3/css/bootstrap.min.css\" /\u003e\n\u003cscript src=\"../lib/bootstrap3/js/bootstrap.min.js\" type=\"text/javascript\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\n\u003c!-- EasyBootstrap START--\u003e\n\u003c!-- Close button style--\u003e\n\u003cstyle type=\"text/css\"\u003e\n\t#myTab span.glyphicon-remove {\n\t\tcursor: pointer;\n\t\tcolor: #a94442\n\t}\n\t#myTab span.glyphicon-remove:hover {\n\t\tcursor: pointer;\n\t\tcolor: #D72A1F\n\t}\n\u003c/style\u003e\n\u003c!-- plugin\u0026languages --\u003e\n\u003c!-- jquery.contextify.min.js --\u003e\n\u003cscript src=\"../lib/jquery.contextify.min.js\" type=\"text/javascript\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\u003cscript src=\"../dist/easy.bootstrap.tabs.min.js\" type=\"text/javascript\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\u003cscript src=\"../dist/lang/easy.bootstrap.tabs-lang-en.js\" type=\"text/javascript\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n\t// EasyBootstrapTabs init\n\tEasyBootstrapTabs.init('#myTab');\n\u003c/script\u003e\n\u003c!-- EasyBootstrap END--\u003e\n```\t\n\n## JavaScript API\n\n\n- **addTab**\n\n\t```\n\t/**\n\t * add Tab\n\t * @param {Object} id tab id, unique\n\t * @param {Object} text, tab text\n\t * @param {Object} url, load content url\n\t * @param {Object} params optional; url params data\n\t */\n\taddTab: function(id, text, url, data)\n\t```\n\n- **removeTab**\n\t```\n\t/**\n\t * Remove tab by id\n\t * @param {String} id tab id\n\t * @param {Boolean} Optional; Remove the tab include without close button tab \n\t */\n\tremoveTab: function(id[, force]) \n\t```\n\n- **removeAllTab**\n\n\t```\n\t/**\n\t * Remove all tabs\n\t * @param {Boolean} Optional; Remove the tab include without close button tab \n\t */\n\tremoveAllTab: function(force) \n\t```\n\n\n- **selectTab**\n\n\t```\n\t/**\n\t * Show tab by id\n\t * @param {String} id\n\t * @return {Boolean} Is checked; if does not exist return false\n\t */\n\tselectTab: function(id)  \n\t```\n\n- **refreshTab**\n\n\t```\n\t/**\n\t * Use tab url refresh tab; if there is no url is not refreshed\n\t * @param {Object} id tab id\n\t */\n\trefreshTab: function(id)\n\t```\n\n\n## End\n\nEmail：\u003cinthinkcolor@gmail.com\u003e\n\n[http://www.easyproject.cn](http://www.easyproject.cn \"EasyProject Home\")\n\n\n**Donation/捐助:**\n\n\u003ca href=\"http://www.easyproject.cn/donation\"\u003e\n\u003cimg alt=\"\n支付宝/微信/QQ/云闪付/PayPal 扫码支付\" src=\"http://www.easyproject.cn/thanks/donation.png\"  title=\"支付宝/微信/QQ/云闪付/PayPal 扫码支付\"  height=\"320\" width=\"320\"\u003e\u003c/img\u003e\u003c/a\u003e\n\u003cdiv\u003e支付宝/微信/QQ/云闪付/PayPal\u003c/div\u003e\n\n\u003cbr/\u003e\n\n我们相信，每个人的点滴贡献，都将是推动产生更多、更好免费开源产品的一大步。\n\n**感谢慷慨捐助，以支持服务器运行和鼓励更多社区成员。**\n\nWe believe that the contribution of each bit by bit, will be driven to produce more and better free and open source products a big step.\n\n**Thank you donation to support the server running and encourage more community members.**\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fushelp%2Feasybootstraptabs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fushelp%2Feasybootstraptabs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fushelp%2Feasybootstraptabs/lists"}