Кнопка «Скопировать в буфер» в html письме
Доброго времени суток! Задача: Есть html шаблон письма. Требуется сделать ссылку «Копировать в буфер», при нажатии на которую будет копироваться ссылка, находящаяся в теле письма, в буфер обмена. Почтовая программа Outlook 2010. Возможно ли такое в html-письмах?
На сайте с 09.02.2012
10 марта 2013, 10:40
На чистом хтмл такого не сделать. Нужно использовать php.
Мне нужны деньги.
На сайте с 24.01.2008
10 марта 2013, 11:14
Tenarius:
На чистом хтмл такого не сделать. Нужно использовать php.
Какая связь между Оутлуком и ПХП?
На сайте с 09.02.2012
10 марта 2013, 11:20
Милованов Ю.С:
Какая связь между Оутлуком и ПХП?
А какая вообще разница, что за почтовый клиент, если суть в том, чтобы нажать на ссылку? Пользователь кликает на ссылку и попадает на генереную страницу, где ему определенным образом осуществляется выборка по контенту (если она вообще нужна) и потом выбраный контент копируется в буфер. Можно js например использовать для этого также.
На сайте с 25.11.2006
10 марта 2013, 11:22
Возможно ли такое в html-письмах?
Нет. Такого нельзя сделать.
✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Размещение статей СНГ и Бурж: https://getmanylinks.ru/
На сайте с 09.03.2013
10 марта 2013, 11:40
Пробовал вставлять js-код прямо в html шаблон письма. Работает (шаблон) только в IE. А вот если открыть такое входящее письмо в Outlook, то при клике на ссылку «Скопировать в буфер» открывается окно IE и вылезает ошибка: «Не удалось загрузить . Неопознанная ошибка». пример js:
function ClipBoard(meintext)
<
result = copyToClipboard(meintext);
if (result) <
alert(‘Ссылка скопирована в буфер обмена’);
>
else <
alert(‘К сожалению, Ваш браузер не позволяет работать с буфером обмена’);
>
>
function copyToClipboard(content) <
if (window.clipboardData && window.clipboardData.setData) <
window.clipboardData.setData(«Text», content);
return true;
>
else <
try <
netscape.security.PrivilegeManager.enablePrivilege(«UniversalXPConnect»);
>
catch (e) <
return false;
>
var clipboard = Components.classes[«@mozilla.org/widget/clipboard;1»].getService();
if (clipboard) <
clipboard = clipboard.QueryInterface(Components.interfaces.nsIClipboard);
>
var transferable = Components.classes[«@mozilla.org/widget/transferable;1»].createInstance();
if (transferable) <
transferable = transferable.QueryInterface(Components.interfaces.nsITransferable);
>
if (clipboard && transferable) <
// тип передаваемых данных transferable.addDataFlavor(«text/unicode»);
var textObj = new Object();
var textObj = Components.classes[«@mozilla.org/supports-string;1»].createInstance(Components.interfaces.nsISupportsString);
if (textObj) <
textObj.data = content;
// Упаковываем данные в контейнер
transferable.setTransferData(«text/unicode», textObj, content.length*2);
var clipid=Components.interfaces.nsIClipboard;
clipboard.setData(transferable,null,clipid.kGlobalClipboard);
return true;
>
>
return false;
>
>
Как скопировать html-страницу из письма?
Мне прислали рассылку на эл. ящик, содержащую страницу с дайджестом. Нужно этот дайджест отредактировать.
Голосование за лучший ответ
Правой кнопкой мыши на странице нажми. Там все опции
через исходный код страницы
Похожие вопросы
Ваш браузер устарел
Мы постоянно добавляем новый функционал в основной интерфейс проекта. К сожалению, старые браузеры не в состоянии качественно работать с современными программными продуктами. Для корректной работы используйте последние версии браузеров Chrome, Mozilla Firefox, Opera, Microsoft Edge или установите браузер Atom.
Отправка html-письма при помощи web-интерфейса Gmail
В отличие от специализированных программ-почтовиков, создание html-сообщения электронной почты в веб-интерфейсах распространённых почтовых сервисов, задача, мягко говоря, не тривиальная. Но ознакомится с тем, как это действует, есть резон. Просто уже потому, что этот инструмент всегда есть под рукой. Т.е., ничего не надо скачивать, устанавливать — зашел на соответствующий сервис в браузере, и, что называется — бери и пользуйся.
Эту серию обзоров начнём с Гугловского Gmail-а. Как и для двух других самых распространённых, но уже отечественных сервисов, Mail.ru и Yandex-почта, он не отличается дружелюбностью интерфейсов для создания html-писем, ни в лучшую, ни в худшую стороны. Неудобно, но возможно — самое подходящее определение.
Видео
1 этап — ревизируем шаблон нашего html-письма
Перво-наперво, проверяем, что наше письмо содержит целиком прописанные ссылки на свои изображения. И что картинки расположены не на локальном диске компьютера, а на внешнем сервере. Иначе, Gmail изображения попросту не увидит, и отображаться в письме они не будут.
2 этап — создаём письмо из своего html-шаблона в среде браузера
Итак, логинимся на Gmail, заходим в свою почту и жмём на «Написать» слева вверху
Раскрывшееся окошко «Новое сообщение» развернём по максимуму, нам далее очень пригодится это пространство
Теперь решаем задачу вставки html-кода. Просто скопировать/вставить плодов не принесёт, ибо браузер воспримет эту вставку, как просто текст. Поэтому применим военную хитрость и внедрим код нашего письма в код станицы браузера. Итак, правый клик по полю для ввода текста письма. В выпавшем контекстном меню выбираем «Просмотреть код».
Все примеры действий, которые здесь озвучены, базируются на использовании «родного» для Gmail браузера, Google Chrome. Соответственно, используются и названия окон и команд из него. Но в целом, алгоритм универсален, и по аналогии можно действовать и в других браузерах.
Открыв код страницы, браузер Chrome подсветит нам блок кода между тегами и . Именно это содержимое определяет отображение html-страницы в теле письма.
Отметим, что горизонтальная компоновка окон на этом этапе работы более удобна, и привести окна к такому порядку поможет раскрывающийся список под тремя точками справа вверху вспомогательного окна, как показано на рисунке выше, и в нём надо выбрать средний вариант, «Dock to bottom».
Правый клик по выделенному блоку … вызовет контекстное меню, в нём выбираем команду «Edit as HTML» — редактировать, как HTML.
Блок с выделением трансформируется в текстовый блок, пригодный для правки. Выделим всё его содержимое, правый клик по выделенному и выберем «Копировать».
Теперь нам придётся призвать на помощь текстовый редактор, самый простой — «Блокнот». Делаем с ним два действия. Первое, открываем в нём пустой, чистый без текста файл. И в него копируем содержимое буфера обмена, то, что скопировано нами на предыдущем шаге.
Им же, «Блокнотом», через контекстное меню и его команду «Открыть с помощью» откроем файл с нашим html-письмом (шаги 2 и 3 на предыдущем рисунке).
Выделяем в «Блокноте» всё содержимое нашего письма и копируем теперь его в буфер обмена.
Теперь возвращаемся окно «Блокнота» с фрагментом кода из Gmail. Находим и выделяем в конце кода оператор
, и вставляем вместо него содержимое буфера, т.е. код нашего html-сообщения.
В результате получится модифицированный код страницы браузера из Gmail с внедрённым в него содержимым нашего письма. Но пока он только в «Блокноте», поэтому выделяем всё в этом, только что дополненном нашим кодом, окне и вновь копируем в буфер теперь уже это содержимое.
Возвратимся в Chrome. Там блок кода должен у нас находиться в состоянии редактирования для HTML, как после выполнения команды на рисунке 5. Если видим иное, повторяем то действие, приводим блок кода в состояние для редактирования и выделяем его, полностью и весь. По выделенному — правый клик и «Вставить».
Завершаем операцию кликом по полю для ввода текста письма — и изменения сохранятся.
Для выхода из режима правки html-кода закроем окна, отражающие этот код.
Как полагается, заполняем поля адреса получателя, тему письма. Наше html-письмо, созданное в недрах Gmail и Chrome-а готово, можно смело отправлять.
И под занавес обзора несколько обыденных, но от этого не менее жизненных советов. Первое, не бойтесь экспериментов, всё, что мы тут наредактировали, произошло только на нашей локальной машине, и простое обновление страницы восстановит исходный код. Второй совет банален, но так же важен и вписывается в парадигму хорошего тона, как и указание темы электронного письма: отправьте созданное сначала самому себе, а вдруг незаметная ошибка исказила ваш шаблон? Лучше, если эту неприятность первым увидите вы, а не ваш адресат. Ну и наконец, помните, что созданное вами можно сохранить в виде черновика. Тогда к результату редактирования можно возвращаться вновь и вновь, по мере надобности.
Создать письмо на основе вашего HTML-шаблона
Помимо создания письма в конструкторе, Unisender позволяет загрузить ваш HTML-шаблон и отправить его. Вы можете просто вставить код или изменить его в редакторе. Этот способ подойдет вам, если вы хотите добавить HTML-письмо и немного изменить его содержание, например обновить текст.
Важно
Этот редактор корректирует ваш код: добавляет пропущенные теги, табуляции. Если вы хотите вставить код без изменений, воспользуйтесь другим способом.
На главной странице личного кабинета нажмите «Создать рассылку» — «Email».
Далее перейдите на вкладку «Письмо с нуля» и выберите « HTML-редактор ».
В HTML-редакторе есть три способа загрузить готовый HTML-шаблон.
- Скопировать и вставить HTML-код.
- Загрузить письмо из веб-страницы.
- Загрузить письмо из файла.
Рассмотрим эти способы подробнее.
Как скопировать HTML-код письма
Важно
Способ с копированием кода подходит, если картинки находятся не у вас на компьютере, а в облаке. В самом коде должны быть прописаны абсолютные ссылки на картинки. Иначе вам придётся загружать их в письмо вручную.
Нажмите на панели инструментов кнопку «Источник», чтобы перейти к редактору кода.
В открывшемся окне полностью выделите и удалите имеющийся код.
Затем найдите на компьютере файл с HTML-шаблоном, который нам нужно будет перенести, и откройте его в любом редакторе, например в «Блокноте». Выделите и скопируйте весь код.
Вернитесь в HTML-редактор Unisender и вставьте в него скопированный код. Н ажмите на «Источник» ещё раз, чтобы переключиться в режим визуального просмотра.
Готово. Шаблон загружен.
Как загрузить письмо из веб-страницы
Нажмите на панели инструментов кнопку «Загрузка из web-страницы». Это работает так же, как загрузка с компьютера, только по ссылке находится файл с письмом. Подойдет, если макет письма загружен , к примеру, в Dropbox.
Введите ссылку на страницу.
Выберите , как прикреплять изображения в письме:
- Загружать как прикреплённые файлы. Картинки автоматически подгрузятся в файловый менеджер Unisender. Ссылки на картинки будут вести на файловый менеджер.
- Оставлять ссылками. Ссылки на картинки не изменятся.
Нажмите кнопку «Загрузить».
Готово. Шаблон загружен.
Как загрузить письмо из файла
Для загрузки подойдут файлы формата rar, zip, 7z или html.
Важно
Если изображения находятся в отдельной папке, нужно добавить папку с изображениями и HTML-файл в архив.
Путь к изображениям должен быть относительным. Например:
Чтобы создать архив средствами Windows, выделите файл и папку с картинками, нажмите правой кнопкой мыши, выберите «Отправить» — «Сжатая ZIP-папка».
Архив создан. Теперь можно загрузить его в Unisender.
Найдите на панели инструментов кнопку «Загрузка из файла» и кликните на неё.
Нажмите кнопку «Выберите файл».
Убедитесь, что отображается имя нужного файла и затем нажмите «Загрузить».
Готово. Шаблон загружен.