본문 전체선택 버튼
본문
안녕하세요.
그누보드 본문 보기에서.
클릭하면 본문에 작성한 텍스트 전체 선택 후 복사하기가 되어.
클립보드에 저장하기까지 되게 하고 싶습니다.
이미지는 필요없고 텍스트만 전체 선택하는 작동만 되면 됩니다.
글을 위에서 부터 아래로 드래그 후 복사하기 작업을 몇번 반복하다가
문뜩,
버튼 하나 있어서 클릭하면 글을 위에서 부터 주욱 선택해서 복사까지 해주면 좋겠다는 생각에서
부탁드려 봅니다.
입력박스 안에 있는 것은 copy버튼 누르면 복사되는 코드는 많이 봤는데.
게시판의 글을 이런식으로 복사하기위한 동작이 가능할지 궁금하기도 하네요. ^^
그럼 도움 주시면 감사하겠습니다.
좋은 하루 되세요. ^^
답변 2
<div id="content">
<h2><span style="font-size:12px;">복사할 내용</span></h2>
</div>
<button onclick="copy()">복사하기</button>
<script>
function copy() {
var copyText = document.getElementById("content");
const el = document.createElement("textarea");
el.value = copyText.innerHTML.replace(/<[^>]*>?/g, '');
document.body.appendChild(el);
el.select();
document.execCommand("copy");
document.body.removeChild(el);
}
</script>
그러면 정규식으로 태그를 제거하시면 됩니다.
감사합니다. 점점 더 욕심이 생기긴 하는데...염치가 없어서 여기서 만족 하겠습니다.
대단 하네요. 정규식 ^^
제 노가다를 덜어 주셔서 감사 드립니다. ^^
<div id="content">
복사할 내용
</div>
<button onclick="copy()">복사하기</button>
<script>
function copy() {
var copyText = document.getElementById("content");
const el = document.createElement("textarea");
el.value = copyText.innerHTML;
document.body.appendChild(el);
el.select();
document.execCommand("copy");
document.body.removeChild(el);
}
</script>
이런식으로 하시면 됩니다.
빠른 답변 감사합니다.
그런데 제가 생각한것과 좀 다른결과가 나오네요.
전 텍스트만 복사하고 싶은데, 위와 같이하니 아래와 같이 html 태그가 나오네요.
전 순수하게 텍스트만 나오고 싶습니다.
말 그대로 드래그 후 복사하기를 한 것처럼 하고 싶습니다.
<h2><span style="font-size:12px;">이번에 소개할 내용은
답변을 작성하시기 전에 로그인 해주세요.
