<!--[https://alamin557.blogspot.com/]--> .mollaarea { position: relative; display: inline-block; border: 1px solid #ccc; background-color: white; border-radius: 10px; padding: 20px; } .mollaarea textarea { box-sizing: border-box; background-color: white; height: 200px; resize: none; border: none; outline: none; padding: 10px; font-size: 16px; } .mollaarea button { position: absolute; padding: 5px 10px; font-size: 15px; color: #5784f5; right: 10px; top:10px; border: 1px solid #5784f5; border-radius: 10px; cursor: pointer; background-color: #fff; } .mollaarea button:active { background-color: #1453f1; color: #fff; }
<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>
<div><div class="mollaarea"> <textarea id="htmlText"> <!-- paste here --> </textarea> <button onclick="copyhtml()"> <span id="htmlBtn">Copy </span> </button> </div></div>