К основному контенту

1 мин

Zeroblock

Light

5

Этот скрипт позволит тебе сделать кнопку, которая будет копировать тот текст, что ты укажешь при генерации кода

Кнопка копирования текста на Tilda

(cвернуть)
Инструкция

1. Создай в Зероблоке кнопку, нажми на неё ПКМ => Add CSS Class Name и задай в появившемся поле для ввода любой класс (только чтобы он не начинался с цифр или заглавных букв)

2. Укажи текст, который будет копироваться при нажатии на кнопку и при желании настрой нужно ли менять текст самой кнопки например на "скопировано" или нет

3. Скопируй код и вставь в блок т123

- Копирование возможно только на сайтах с подключенным https, ибо это ограничение самих браузеров "в целях безопасности". Обязательно проверь чтобы твой сайт открывался по https а не по http

Важно!

undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Скопировать код

      <script>
      function cpf(e) {
        let txt = e.querySelector('.tn-atom')
        let startText = txt.innerText
        let textToCopy = ''
        navigator.clipboard.writeText(textToCopy)
        .then(() => {
          
        })
        .catch((error) => {
          console.error('Error:', error);
        });
      }
      document.querySelectorAll(".").forEach(function (element) {
      element.setAttribute("onclick", "cpf(this)");
      })
      </script> <style>
          . {
              cursor: pointer;
          }
      </style>
123
Нажми на кнопку, чтобы скопировать текущий адрес страницы
Примеры работы модификации
Копировать