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

P
На сайте с 03.08.2010
Offline
64
457

Доброго времени суток! Может кто-то подскажет, как реализовать такую идею при помощи кода: под абзацем нужно сделать кнопку копирования в буфер обмена этого абзаца. Хотелось бы сделать без изменения файлов шаблона вордпресс, а сделать через HTML редактор только в одной статье. Заранее спасибо за советы!

LEOnidUKG
На сайте с 25.11.2006
Offline
1722
#1
✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
SeVlad
На сайте с 03.11.2008
Offline
1609
#2
pucshkin:
под абзацем нужно сделать кнопку копирования в буфер обмена этого абзаца

Эм.. ты думаешь что твои юзеры настолько тупы, что не в состоянии выделить и скопировать ЧТО и ЕСЛИ это им будет нужно?

Как же раздражают и мешают эти "фишки для имбицилов".

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
P
На сайте с 03.08.2010
Offline
64
#3

Это нужно для пользователей, которые заходят через мобильный телефон. А выделить кусок текста в смартфоне не так просто

SeVlad
На сайте с 03.11.2008
Offline
1609
#4
pucshkin:
А выделить кусок текста в смартфоне не так просто

Да не сложнее, чем на ПК.

К тому же фичи копирования и "поделиться" встроены в моб. браузеры.

suffix
На сайте с 26.08.2010
Offline
325
#5
pucshkin:
а сделать через HTML редактор только в одной статье.

У меня на хостинге без php сделано так:

форма копирования

SeVlad:

Как же раздражают и мешают эти "фишки для имбицилов".

Раздражают непрошеные советчики флудящие не по теме. Иногда для тех же мобильных юзеров это действительно нужно.

Клуб любителей хрюш (https://www.babai.ru)
Samail
На сайте с 10.05.2007
Offline
361
#6
pucshkin:
А выделить кусок текста в смартфоне не так просто

Если вопрос именно в выделении, то можно вообще без JS обойтись.

<style type="text/css">

.select {
-ms-user-select: all;
-moz-user-select: all;
-webkit-user-select: all;
user-select: all;
}
</style>
<p class="select">1111111111111111111<p/>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий