[Rails] 간단한 설정 "clipboard로 복사"버튼

2545 단어 Rails

개요


Giithub에서 잘 아시는 그거죠?

이거.
Zeroclipboard-rails라는 gem을 사용하면 한 발입니다.
zeroclipboard-rails
https://github.com/zeroclipboard/zeroclipboard-rails

가져오기 단계


Gemfile에서 추기
Gemfile
gem 'zeroclipboard-rails'
설치하다.
$ bundle
application.js에서 다음과 같은 내용을 보충합니다.
assets/javascripts/application.js
//= require zeroclipboard

$(document).ready(function() {
  var clip = new ZeroClipboard($("#d_clip_button"))
});

이후 복사 영역(textarea)과 복사 버튼(button)만 준비하면 됩니다.
erb
<div>
  <textarea id="fe_text" name="" rows="7" cols="100">コピー領域</textarea>
  <button class='my_clip_button' data-clipboard-target='fe_text' data-clipboard-text='Default clipboard text from attribute' id='d_clip_button'>
    <b>コピーする</b>
  </button>
</div>
초간단!

좋은 웹페이지 즐겨찾기