Help us understand the problem. What is going on with this article?

rails でクリップボードにコピーできるボタンを作る

More than 1 year has passed since last update.

この gem を使うことで実現できます。
GitHub - sadiqmmm/clipboard-rails: clipboard.js javascript library integration for your Rails 4 and Rails 5 applications



Gemfile にこれを書き込みます。

gem 'clipboard-rails'

bundle install後、assets配下の application.js に下記のコードをかきます。

//= require clipboard


  var clipboard = new Clipboard('.clipboard-btn');


後は view に自分が使いたいように書き込むだけです。僕は下記のように書きました。

.clip class="text-right"
  textarea[class="text-right" id="bar" readonly rows="1" wrap="off" style="overflow: overlay;"]
    | #{root_path}
  button class="btn btn-secondary clipboard-btn" data-clipboard-action="copy" data-clipboard-target="#bar"
    | 共有用のリンクをコピーする

スクリーンショット 2019-07-22 13.11.36.png

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away