TextToClipboard / Улучшение / Плагины Bootstrap | BootstrapТема

1
2
3
4
5

Версия: v1.0

Каталог: Плагины Bootstrap

Категория: Улучшение

Bootstrap: 3, 4, 5

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify, Laravel, WHMCS, PHP

Язык: Русский

Вес файла: 7.9 Kb

Уникальный ID: 6091

Посмотрели: 515 раз

Скачать бесплатно

Посетить Демо страница

Помощь: установка & настройка

Скачали бесплатно: 21 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 1 голосов

Тип лицензии: CC BY 4.0

Авторство: https://github.com/kaleidpixel/textToClipboard.js

Информация: Пользователям

Информация: Правообладателям

Теги: plugin, копирование из полей, копирование в буфер, Bootstrap, копирование текста

Поделился: BootstrapТема

Добавлено: 2024-01-05 в 10:30

Метка: 1704439813

⇄ ⇅

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" />
<script src="https://bootstraptema.ru/plugins/2024/TextToClipboard/TextToClipboard.js"></script>

<h1 class="text-center">TextToClipboard & BootstrapTema</h1>

<div class="container"><div class="row">

<textarea cols="30" rows="5" class="form-control mt-2 textBody">
&#1069;&#1090;&#1086;&#1090;&#32;&#1090;&#1077;&#1082;&#1089;&#1090;&#32;&#1073;&#1091;&#1076;&#1077;&#1090;&#32;&#1089;&#1082;&#1086;&#1087;&#1080;&#1088;&#1086;&#1074;&#1072;&#1085;
</textarea>

<span class="text-center h5 copied mt-2" style="display: none">&#1057;&#1082;&#1086;&#1087;&#1080;&#1088;&#1086;&#1074;&#1072;&#1085;&#1086;&#33;</span>

<button class="mt-2 btn btn-success copyBtn">
&#1057;&#1082;&#1086;&#1087;&#1080;&#1088;&#1086;&#1074;&#1072;&#1090;&#1100;&#32;&#1090;&#1077;&#1082;&#1089;&#1090;
</button>

</div></div>

<script>
document.addEventListener('DOMContentLoaded', function() {
 new TextToClipboard();
});
</script>