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

$(document).ready(function(){  

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

});

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

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

見た目はこんな感じです。
スクリーンショット 2019-07-22 13.11.36.png

s_n_o_w
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