Installer un bloc copier/coller le code

Le code HTML

Là ou vous souhaitez placer votre bloc de code, dans un élément HTML coller le code ci-dessous .

<button style="font-size:18px; border: 1px solid black;" onclick="macopie1()">Copier le code</button><br>
<textarea id="macopie1" style="cursor:default; width:100%;" rows="4" readonly>Mon code ici</textarea><br>
<script>
function macopie1() {
var copyText = document.getElementById("macopie1");
copyText.select();
document.execCommand("Copy");
alert("Le code est copié dans le presse papier");
}
</script>

Copier/coller ce code manuellement, saisir le code complet, clic droit et copier.

Placez votre code à copier à la place du texte Mon code ici entre les 2 balises début et fin "textarea"

Le code CSS

Un petit peu de CSS si vous souhaitez personnaliser le bloc
Code à placer dans le css de l'élément HTML
Vous pouvez utiliser le bouton "Copier le code"

Si vous avez plusieurs zones à placer dans la page, vous devrez remplacer dans chaque code "macopie1" par "macopie2" et "macopie3" etc...

Vous aurez 4 "macopie1" à modifier dans chaque bloc de code.