{"id":14955699,"url":"https://github.com/sadiqmmm/clipboard-rails","last_synced_at":"2025-10-07T23:51:01.705Z","repository":{"id":56843573,"uuid":"43429944","full_name":"sadiqmmm/clipboard-rails","owner":"sadiqmmm","description":"clipboard.js javascript library integration for your Rails 4 and Rails 5 applications","archived":false,"fork":false,"pushed_at":"2018-10-28T06:51:48.000Z","size":55,"stargazers_count":73,"open_issues_count":0,"forks_count":9,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-16T09:44:11.891Z","etag":null,"topics":["clipboard","clipboard-javascript-library","clipboard-rails","rails-application"],"latest_commit_sha":null,"homepage":"","language":"Ruby","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/sadiqmmm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-09-30T11:48:12.000Z","updated_at":"2024-08-01T04:37:41.000Z","dependencies_parsed_at":"2022-09-07T11:40:58.209Z","dependency_job_id":null,"html_url":"https://github.com/sadiqmmm/clipboard-rails","commit_stats":null,"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"purl":"pkg:github/sadiqmmm/clipboard-rails","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sadiqmmm%2Fclipboard-rails","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sadiqmmm%2Fclipboard-rails/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sadiqmmm%2Fclipboard-rails/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sadiqmmm%2Fclipboard-rails/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sadiqmmm","download_url":"https://codeload.github.com/sadiqmmm/clipboard-rails/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sadiqmmm%2Fclipboard-rails/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261622218,"owners_count":23185893,"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":["clipboard","clipboard-javascript-library","clipboard-rails","rails-application"],"created_at":"2024-09-24T13:11:34.998Z","updated_at":"2025-10-07T23:50:56.643Z","avatar_url":"https://github.com/sadiqmmm.png","language":"Ruby","funding_links":[],"categories":[],"sub_categories":[],"readme":"# clipboard-rails\n[![Gem Version](https://badge.fury.io/rb/clipboard-rails.svg)](http://badge.fury.io/rb/clipboard-rails)\n\nclipboard-rails gem is the integration of clipboard.js javascript library for your Rails 4 and Rails 5 applications.\n\nclipboard.js is a modern approach to copy text to clipboard No Flash. No dependencies. Just 2kb\nsource: https://github.com/zenorocha/clipboard.js\n\nRuby gems url: https://rubygems.org/gems/clipboard-rails\n\n## Installation\n\nAdd this line to your application's Gemfile:\n\n```ruby\ngem 'clipboard-rails'\n```\n\nAnd then execute:\n\n    $ bundle\n\nOr install it yourself as:\n\n    $ gem install clipboard-rails\n\nNote: After adding the gem to your gem file and running the bundle, restart rails server.\n\nNow you need to edit your `app/assets/javascripts/application.js` file and add the following line:\n``` javascript\n//= require clipboard\n```\n\n## Usage\n\nHere is the example working code to test with your Rails application.\n\nAdd this sample code to your `app/assets/javascripts/application.js` file\n\n``` javascript\n$(document).ready(function(){  \n  \n  var clipboard = new Clipboard('.clipboard-btn');\n  console.log(clipboard);\n\t\n});\n```\n\n*Note:* Here i am using `gem 'jquery-turbolinks'` for using the jquery $(document).ready function \n\nAdd this sample code to your template file like `index.html.erb`\n\n``` html\n\u003c!-- Target --\u003e\n\u003ctextarea id=\"bar\"\u003eMussum ipsum cacilds...\u003c/textarea\u003e\n\n\u003c!-- Trigger --\u003e\n\u003cbutton class=\"clipboard-btn\" data-clipboard-action=\"copy\" data-clipboard-target=\"#bar\"\u003e\n    Copy to clipboard\n\u003c/button\u003e\n```\n## Additional information\n\nAdditionally, you can define a **data-clipboard-action** attribute to specify if you want to either **copy** or **cut** content.\n\nIf you omit this attribute, **copy** will be used by default.\n\n## Full documentation \n\nRead the clipboard.js documentation here http://zenorocha.github.io/clipboard.js/ for full usage information.\n\n\n## Add Tooltips + Highlight animation: \n\nAdd Tooltips + Highlight animation with Clipboard.js on button click using Bootstrap Tooltip\n\n``` javascript\n\n// Tooltip\n\n$('.clipboard-btn').tooltip({\n  trigger: 'click',\n  placement: 'bottom'\n});\n\nfunction setTooltip(btn, message) {\n  $(btn).tooltip('show')\n    .attr('data-original-title', message)\n    .tooltip('show');\n}\n\nfunction hideTooltip(btn) {\n  setTimeout(function() {\n    $(btn).tooltip('hide');\n  }, 1000);\n}\n\n// Clipboard\n\nvar clipboard = new Clipboard('.clipboard-btn');\n\nclipboard.on('success', function(e) {\n  setTooltip(e.trigger, 'Copied!');\n  hideTooltip(e.trigger);\n});\n\nclipboard.on('error', function(e) {\n  setTooltip(e.trigger, 'Failed!');\n  hideTooltip(e.trigger);\n});\n```\n\n``` html\n\u003c!-- Example 1: Animation with single button HTML source--\u003e\n\u003cbutton class=\"clipboard-btn btn btn-primary\" data-clipboard-text=\"It worked!\"\u003eClick me\u003c/button\u003e\n\n```\n\n``` html\n\u003c!-- Example 2: with Target source --\u003e\n\u003ctextarea id=\"bar\"\u003eMussum ipsum cacilds...\u003c/textarea\u003e\n\n\u003c!-- Trigger --\u003e\n\u003cbutton class=\"clipboard-btn\" data-clipboard-action=\"copy\" data-clipboard-target=\"#bar\"\u003e\n    Copy to clipboard\n\u003c/button\u003e\n```\n\n\n\n## Development\n\nAfter checking out the repo, run `bin/setup` to install dependencies. Then, run `rake false` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.\n\nTo install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).\n\n## Contributing\n\nBug reports and pull requests are welcome on GitHub at https://github.com/sadiqmmm/clipboard-rails. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.\n\n\n## License\n\nThe gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsadiqmmm%2Fclipboard-rails","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsadiqmmm%2Fclipboard-rails","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsadiqmmm%2Fclipboard-rails/lists"}