Copy html table to clipboard by javascript

html로 만들어진 table의 내용을 특정 포맷에 맞춰 클립보드로 복사하는 기능을 만들어야 했다.

결론부터 정리하자면 특정 포맷으로 테이블을 숨김 처리 상태로 새로 생성을 하고,

해당 테이블 내용을 선택 후 클립보드로 복사를 하였다.

 

문제는;; 복사한 데이터에 쓰잘 때가리 없이 앞뒤로 개행문자가 자동으로 삽이 되었다.

해당 개행 문자 때문에 붙여 넣기 할 프로그램에서는 붙여 넣기가 동작을 안 하고;;;

 

나름 짱구를 굴려서 자동 드래그 선택된 영역에 접근해서 innerText만 뽑아내어 textarea에 담고,

textarea에 담긴 데이터를 클립보드로 복사해 주니  앞뒤로 붙어 나오던 개행문자가 붙어 나오지 않게 되었다.

흠... 좀 무식한 방법 같긴 하지만 어쩔 수 없다... 머리가 나빠서... 나중에 클립보드 관련 플러그인이 있나 찾아봐야겠다.

 

- 소스코드

See the Pen clipboard-copy-javascript by GrayKang (@l0pest) on CodePen.