-->

How to add Copy Button Inside Your Text

क्या आपको अपने पोस्ट में Copy Button Add करना चाहते है तो आपको बताते है और इसमें हम आपको किसी भी text के अन्दर एक बॉक्स होगा जिसको आप इस script की मदद से एक क्लिक में कॉपी कर सकते है। 




इस स्क्रिप्ट कर प्रयोग आप को यदि पोस्ट में कोई विशेष बात लिखी हो या फिर कोई बड़ा पैराग्राफ अपने व्यूअर को दिखाना चाहते है और फिर चाहते है की वो एक क्लिक में कॉपी भी कर ले तो आपके लिए ये स्क्रिप्ट मजेदार होगी। ऐसा करने से व्यूअर को आपके टेक्स्ट को सेलेक्ट नहीं करना पड़ेगा। 

Script Kaise Kaam Karti Hai?

आपको सबसे पहले कोड की बेसिक समझनी होगी आप पेज टैग को देखिये और Sample Text to be copied के स्थान पर अपनी कोई भी पोस्ट में टेक्स्ट में ऐड कर सकते है। 

<!---Code Begins Here-->
<p>
<textarea class="js-copytextarea">
Sample Text to be copied</textarea><br />
</p>
<p>
<button class="js-textareacopybtn">Copy it</button>
</p>

<script>
var copyTextareaBtn = document.querySelector('.js-textareacopybtn');
copyTextareaBtn.addEventListener('click', function(event) {
var copyTextarea = document.querySelector('.js-copytextarea');
copyTextarea.select();
try {
var successful = document.execCommand('copy');
var msg = successful ? 'successful' : 'unsuccessful';
console.log('Copying text command was ' + msg);
} catch (err) {
console.log('Oops, unable to copy');
}
});
</script>


Demo - 



 ब्लॉगर पर Copy Button कोड कैसे प्रयोग करे 

ब्लॉगर पर इस कॉपी बटन ( Copy Button ) को प्रयोग करना बहुत आसान है आपको सिर्फ अपना पोस्ट एडिटर खोलना है और उसमे इस स्क्रिप्ट को कॉपी करने के बाद HTML view मोड में करके स्क्रिप्ट को पेस्ट कर देना है।

ये स्क्रिप्ट लगभग सभी ब्राउज़र में काम करती है। इसीलिए आप निस्च्नित होकर इसको प्रयोग कर सकते है।