Presse-papiers
Composant de copie dans le presse-papiers avec plusieurs variantes pour différents cas d'utilisation. Prend en charge les styles bouton, champ en ligne et bloc de code avec retour visuel animé de succès.
Aperçu et code
_clipboard.html.erb
███
█████████ █████████ █████████
██████
███ ██████ ███████████████████████ █████ ████ ███████ █████████ ██
███ ██████ ███████████████████████
█████ ████████████████████████████████████
████████ ███████ ██
clipboard_copy_controller.js
██████ █ ██████████ █ ████ ████████████████████
██ ████████ ██ ████████████████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ ████████████ ████████
██████ ██████ █ █
█████ ███████
███████████████ █ █████ ███████ ████████ █████████ ██
████████████████ █ █████ ███████ ████████ ████ █
█
clipboard_component.html.erb
██ ██ ███████████████ ██
███████
█████████████
████████████████████████████████
███████████████████████████████████ ████ ███
██████████████████████████████████████████████ ███████████████ ███
███████████████████████████████████████████████ ████████████████ ███
█████████████████████████████████
██████████ ███████████████████ ███
█
clipboard_component.rb
█ ██████████████████████ ████
█████ ██████████████████ █ ███████████████████
████████ █ █████████ ██████ ████████████
███ █████████████████ ████████ ████████ ██████ ███████ ████████████████ ██████████ █████████████████ █████
█████ █ ████
████████ █ ██████████████
██████ █ █████
████████████████ █ ███████████████
clipboard_copy_controller.js
██████ █ ██████████ █ ████ ████████████████████
██ ████████ ██ ████████████████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ ████████████ ████████
██████ ██████ █ █
█████ ███████
███████████████ █ █████ ███████ ████████ █████████ ██
████████████████ █ █████ ███████ ████████ ████ █
█
Journal des modifications
- Initial release with button, inline, and code variants
- Clipboard API with fallback for older browsers
- Configurable success message and duration
Obtenir l'accès complet
Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.
Obtenir l'accès maintenant