Копирование кода кнопке
Копирование текста/кода по кнопке
Если Вам нужно встроить на сайт возможность скопировать код для пользователя, то идеально подойдёт этот скрипт
Инструкция по установке
Инструкция
Видеоинструкция
Время настройки : 1 минута
<!--
Кнопка копирования текста в блоке TX19 — код
* Description: Скрипт позволяет копировать собержимое текста блока TX19 — код, так же выводить уведомление-->
<script>
const COPY_TIME = 2000; // Время в ms, на которое вы увидите уведомление после копирования
// Не менять код ниже этого комментария
function setupCopyButtons(){let e=document.querySelectorAll('a[href="#copy"]');e.forEach(e=>{e.addEventListener("click",function(t){t.preventDefault();let o=e.parentElement,n=null;for(;o&&!(n=o.previousElementSibling?.querySelector("code"));)o=o.parentElement;if(n){let l=n.textContent;navigator.clipboard?navigator.clipboard.writeText(l).then(()=>{console.log("Текст успешно скопирован через Clipboard API")}).catch(e=>{console.error("Ошибка копирования через Clipboard API",e)}):function e(t){let o=document.createElement("textarea");o.value=t,o.style.position="fixed",o.style.opacity="0",document.body.appendChild(o),o.focus(),o.select();try{document.execCommand("copy"),console.log("Текст успешно скопирован (альтернативный метод)")}catch(n){console.error("Не удалось скопировать текст через execCommand",n)}document.body.removeChild(o)}(l);let c=document.querySelector(".uc-copy-wind");c&&(c.classList.add("active"),setTimeout(()=>{c.classList.remove("active")},COPY_TIME))}})}),console.log("Хочешь скрипт кнопки копирования Tilda, смотри эту статью: https://anku.one/copy-code ")}"loading"!==document.readyState?setupCopyButtons():document.addEventListener("DOMContentLoaded",function(){setupCopyButtons()});
</script>
<style>
.uc-copy-wind{position:fixed;z-index:1000000;left:0;top:0;transition:.2s;width:100%;opacity:0;transform:translateY(-100%);pointer-events:none}.uc-copy-wind.active{opacity:1;transform:translateY(0)}
</style>Cкопируйте код ниже и вставьте его внутрь
Поменяйте все необходимые для себя настройки внутри скрипта
Данный блок с кодом устанавливаете в самом низу страницы
Сразу под этим блоком создаёте любой блок с
В ссылку кнопки прописываете
Создаете
Присвойте для ZeroBlock класс
Настраиваете внешний вид и текст уведомления
Опубликуйте страницу и протестируйте
для уведомления об успешном копировании
Далее создаём блок
и заполняете его необходимым контентом
Для вашего удобства мы пометили все настройки комментариями в коде
если используете этот скрипт на всем сайте, то устанавливайте его в подвал сайта
блока
TX19
Кнопкой
#copy
Zero Block
uc-copy-wind
T123
1
2
3
5
6
7
8
9
10
4
Скопировать код
Посмотреть пример
Код скопирован!
<script> const COPY_TIME = 2000; // Время в ms, на которое вы ...
<!--
Кнопка копирования текста в блоке TX19 — код
* Description: Скрипт позволяет копировать собержимое текста блока TX19 — код, так же выводить уведомление-->
<script>
const COPY_TIME = 2000; // Время в ms, на которое вы увидите уведомление после копирования
// Не менять код ниже этого комментария
function setupCopyButtons(){let e=document.querySelectorAll('a[href="#copy"]');e.forEach(e=>{e.addEventListener("click",function(t){t.preventDefault();let o=e.parentElement,n=null;for(;o&&!(n=o.previousElementSibling?.querySelector("code"));)o=o.parentElement;if(n){let l=n.textContent;navigator.clipboard?navigator.clipboard.writeText(l).then(()=>{console.log("Текст успешно скопирован через Clipboard API")}).catch(e=>{console.error("Ошибка копирования через Clipboard API",e)}):function e(t){let o=document.createElement("textarea");o.value=t,o.style.position="fixed",o.style.opacity="0",document.body.appendChild(o),o.focus(),o.select();try{document.execCommand("copy"),console.log("Текст успешно скопирован (альтернативный метод)")}catch(n){console.error("Не удалось скопировать текст через execCommand",n)}document.body.removeChild(o)}(l);let c=document.querySelector(".uc-copy-wind");c&&(c.classList.add("active"),setTimeout(()=>{c.classList.remove("active")},COPY_TIME))}})}),console.log("Хочешь скрипт кнопки копирования Tilda, смотри эту статью: https://anku.one/copy-code ")}"loading"!==document.readyState?setupCopyButtons():document.addEventListener("DOMContentLoaded",function(){setupCopyButtons()});
</script>
<style>
.uc-copy-wind{position:fixed;z-index:1000000;left:0;top:0;transition:.2s;width:100%;opacity:0;transform:translateY(-100%);pointer-events:none}.uc-copy-wind.active{opacity:1;transform:translateY(0)}
</style>
Кнопка копирования текста в блоке TX19 — код
* Description: Скрипт позволяет копировать собержимое текста блока TX19 — код, так же выводить уведомление-->
<script>
const COPY_TIME = 2000; // Время в ms, на которое вы увидите уведомление после копирования
// Не менять код ниже этого комментария
function setupCopyButtons(){let e=document.querySelectorAll('a[href="#copy"]');e.forEach(e=>{e.addEventListener("click",function(t){t.preventDefault();let o=e.parentElement,n=null;for(;o&&!(n=o.previousElementSibling?.querySelector("code"));)o=o.parentElement;if(n){let l=n.textContent;navigator.clipboard?navigator.clipboard.writeText(l).then(()=>{console.log("Текст успешно скопирован через Clipboard API")}).catch(e=>{console.error("Ошибка копирования через Clipboard API",e)}):function e(t){let o=document.createElement("textarea");o.value=t,o.style.position="fixed",o.style.opacity="0",document.body.appendChild(o),o.focus(),o.select();try{document.execCommand("copy"),console.log("Текст успешно скопирован (альтернативный метод)")}catch(n){console.error("Не удалось скопировать текст через execCommand",n)}document.body.removeChild(o)}(l);let c=document.querySelector(".uc-copy-wind");c&&(c.classList.add("active"),setTimeout(()=>{c.classList.remove("active")},COPY_TIME))}})}),console.log("Хочешь скрипт кнопки копирования Tilda, смотри эту статью: https://anku.one/copy-code ")}"loading"!==document.readyState?setupCopyButtons():document.addEventListener("DOMContentLoaded",function(){setupCopyButtons()});
</script>
<style>
.uc-copy-wind{position:fixed;z-index:1000000;left:0;top:0;transition:.2s;width:100%;opacity:0;transform:translateY(-100%);pointer-events:none}.uc-copy-wind.active{opacity:1;transform:translateY(0)}
</style>
