Loading...

Как сделать копирование текста при нажатии на кнопку в Tilda?

Модификация позволяет настроить копирование нужного текста Зеро Блока в буфер обмена
Время настройки: 3 минуты
Генератор кода
Видео инструкция
Пример
Копировать промокод
СКИДОСЫНАКРОСЫ
МЕГА
СКИДКИ
Промокод на скидку
-50%
Инструкция
Вариант #1

Ты хочешь показать, что конкретно копируется в Зеро блоке.

1. Пишешь в генераторе класс кнопки для копирования и вставляешь его в Зеро Блок.

Что бы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку "Add CSS Class Name", далее, справа в настройках указываешь тот же класс что и в генераторе;

2. Проделываешь тоже самое с текстом, который будет копироваться;

3. Настраивай кнопку в генераторе (фон до/после, текст до/после);

4. Копируй сгенерированный HTML код и вставь его в блок Т123;

Вариант #2

Ты привязываешь к кнопке уже заготовленный текст для копирования

1. Пишешь в генераторе класс кнопки для копирования и вставляешь его в Зеро Блок.

Что бы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку "Add CSS Class Name", далее, справа в настройках указываешь тот же класс что и в генераторе;

2. Указываешь в генераторе текст, который будет копироваться;

3. Настраивай кнопку в генераторе (фона до/после, текст до/после);

4. Копируй сгенерированный HTML код и вставь его в блок Т123;
Что копируем?
Класс кнопки копирования
Класс копируемого элемента
Текст до копирования
Текст после копирования
Фон до копирования
Фон после копирования
Копировать код<!-- Как сделать копирование текста при нажатии на кнопку в TILDA? -->
<!-- https://nolim.cc/copytext -->
<script> jQuery.fn.selectText = function(){ var doc = document; var element = this[0]; console.log(this, element); if (doc.body.createTextRange) { var range = document.body.createTextRange(); range.moveToElementText(element); range.select(); } else if (window.getSelection) { var selection = window.getSelection(); var range = document.createRange(); range.selectNodeContents(element); selection.removeAllRanges(); selection.addRange(range); } }; $(document).ready(function(){ var copytext = ".copybtn .tn-atom"; $(".copybtn .tn-atom").click(function(){ var tc = $(copytext+ .tn-atom).text(); $(this).html("текст после"); $(this).css('background-color', "#000000"); var inf = $("<input>"); $("body").append(inf); inf.val(tc).select(); document.execCommand("copy"); $(inf).remove(); $(copytext+' .tn-atom').selectText(); setTimeout(function(){ $(".copybtn .tn-atom").html("текст до копирования"); $(".copybtn .tn-atom").css('background-color',"#0058ff"); },1500); }); }); </script>
Код доступен только тем, кто оплатил подписку
Подписка стоит 390р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, что бы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Made on
Tilda