Un bouton "copier le code" sur les blocs de code

Bonjour à tous ! Je suis entrain de me faire un wiki perso pour apprendre à coder, et je me suis dit qu’avoir un bouton « copier dans le presse papier » à côté des zones de code pourrais être pratique. Et tant qu’à faire, autant mettre le langage utilisé aussi.

Je suis arrivé à un résultat qui me satisfait donc je vous partage ma solution :slight_smile:

Aperçu :

Petit point négatif, il faut utiliser une macro (et pas juste une notation wikitext). Je suppose que si je voulais faire ça en wikitext il faudrait implémenter un widget similaire à <$codeblock /> ?

Si vous avez des critiques/suggestions pour optimiser mon code, n’hésitez pas !

Demo ici : DevWeb - Front End — Ressources pour apprendre à coder

1 J'aime

Merci pour le partage !

J’avais repris du code du site tiddlywiki je crois, où l’on retrouve cette fonctionnalité, que j’avais revu sur l’un des sites de Mohammad (pour Shiraz ? Ah ou son site de recueil d’astuces plutôt).

1 J'aime