दोस्तों आज की इस पोस्ट में मैं आपको Syntax Highlighter with Copy Button Script के बारे में बताने वाला हूँ इस article में मैं आपको बताऊंगा की आप अपनी blogger post में Syntax Script Box Copy Button के साथ किस तरह add कर सकते हैं
Syntax Highlighter with Copy Button
हो सकता हे की आप में से काफी लोगों को इसके बारे में पता न हो तो साधारण शब्दों में मैं आपको बता दूं की अपनी blog post जो भी script या Source code दिया जाता हे और जिस बॉक्स में use add किया जाता हे use हम Syntax Highlighter कहते हैं
Google Sandbox क्या है ? What is Google Sandbox In Hindi
लेकिन अब वक़्त के साथ साथ सब कुछ Advance होता जा रहा हे इसलिए अब साधारण Syntax Highlighter को भी एडवांस बना दिया गया हे अब इसमें हमें Copy Button भी देखने को मिल जाता है और इसका Benifit ये हे की बिना code को select किये ही आप copy button पे क्लिक करके पूरे code को copy कर सकते हैं
नीचे मेने आपको Copy Button Script दिया हे इसकी help से आप अपनी blogger post को बहुत Atrective बना सकते हैं
<textarea cols="100" id="htmlText" readonly="" rows="20" style="background-color: #1b1b1b; color: white; height: auto; overflow: auto; resize: none; width: 100%;">
{----Enter You Code Here----}
</textarea>
<button id="htmlBtn" onclick="copyhtml()" style="background-color: #4caf50; border: none; color: white; cursor: pointer; display: inline-block; font-size: 16px; margin: 4px 2px; padding: 10px 30px; text-align: center; text-decoration: none;">Copy</button>
<script>
function copyhtml() {
const text = document.querySelector("#htmlText");
const btnText = document.querySelector("#htmlBtn");
text.select();
document.execCommand("copy");
btnText.textContent = "Copied";
setTimeout(function(){
btnText.textContent = "Copy";
}, 5000);
}
</script>
<br /><br /></div>
तो दोस्तों आपको आज की ये पोस्ट कैसी लगी कमेंट करके ज़रूर बताइयेगा और इसी तरह की जानकारी पाने के लिए हमारी इस साईट को सब्सक्राइब कर लीजिये और इसके अलावा हमारे Youtube Channel को भी सब्सक्राइब कर लीजिये