How to copy the div content to clipboard
اسکریپت کپی متن دایو ها

---

برای کپی کردن محتویات یک دایو در صفحه از کد زیر که شامل دگمه کپی هم می باشد استفاده کنید اگر چند دایو دارید و می خواهید برای هر کدام یک دگمه داشته باشید برای هر دایو یک شماره در نظر بگیرید. برای درک بهتر به مثال پایین همین صفحه مراجعه کنید.

Copy the following code and paste it on your page

<script> function copy_data(containerid) { var range = document.createRange(); range.selectNode(containerid); window.getSelection().removeAllRanges(); window.getSelection().addRange(range); document.execCommand("copy"); window.getSelection().removeAllRanges(); alert("کپی انجام شد"); } </script> <div id="select_txt1"> div 1 for copy. </div> <button type="button" onclick="copy_data(select_txt1)">Copy</button> <hr> <div id="select_txt2">‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌ div 2 for copy. </div> <button type="button" onclick="copy_data(select_txt2)">Copy</button> <hr> <div id="select_txt3">‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌ more div for copy. </div> <button type="button" onclick="copy_data(select_txt3)">Copy</button> <hr>

در مثال زیر سه دایو با سه دگمه کپی مجزا آورده شده است.
برای تست کردن ، کپی بگیرید و در کادر زیر پیست کنید.
Example

---

Copy

---

Copy

---

Copy

---

برای مثال بعد از کپی در کادر زیر پیست کنید.
Paste hear for test

پایان مطلب کپی کردن محتویات دایو ها