Блог

Главная - Вопросы по программированию - Как скопировать и вставить веб-страницу в электронную почту с помощью javascript / jquery

Как скопировать и вставить веб-страницу в электронную почту с помощью javascript / jquery

#javascript #jquery #user-interface

#javascript #jquery #пользовательский интерфейс

Вопрос:

Я работаю над некоторыми вещами, где мне нужно скопировать веб-страницу, и когда я скопирую эту страницу, я смогу вставить эту веб-страницу в электронную почту и могу отправить ее кому-нибудь. Приведенный ниже код работает только с копированием текстовых или html-тегов, но мне нужно скопировать всю страницу как есть. Если есть какой-то способ, дайте мне знать.

 <p id="p1">P1: I am paragraph 1</p>
<p id="p2">P2: I am a second paragraph</p>
<button onclick="copyToClipboard('p1')">Copy P1</button>
<button onclick="copyToClipboard('p2')">Copy P2</button>
  

 function copyToClipboard(elementId) {

 // Create a "hidden" input
 var aux = document.createElement("input");

 // Assign it the value of the specified element
 aux.setAttribute("value", document.getElementById(elementId).innerHTML);

 // Append it to the body
 document.body.appendChild(aux);

 // Highlight its content
 aux.select();

 // Copy the highlighted text
 document.execCommand("copy");

 // Remove it from the body
 document.body.removeChild(aux);

}

Комментарии:

1. Вы не можете. Я имею в виду, что вы можете, но не делаете. Вы можете получить весь ТЕКСТ веб-сайта, но после того, как вы вставите его в электронное письмо, этот HTML-код не является действительным HTML-письмом и никогда не будет хорошо выглядеть в почтовых клиентах. Я имею в виду … можете ли вы объяснить свою проблему? В чем ваша проблема? Что именно вы пытаетесь сделать?

2. чего вы пытаетесь достичь? вставка текста страницы в электронное письмо? вставка структуры (= html) в электронное письмо? или вставить все это, включая стили и изображения, в электронное письмо?

3. Да, я пытаюсь скопировать всю веб-страницу, включая css и изображения. И в настоящее время я использовал встроенный css для страницы. Вот ссылка на веб-страницу 112.196.20.243:8194/wpb_appointments/raman-at-1111-am-11

4. На самом деле я хочу скопировать эту веб-страницу 112.196.20.243:8194/wpb_appointments/raman-at-1111-am-11 , и когда я вставлю ее в электронное письмо, я покажу точно так же, как веб-страница. Итак, в основном у меня проблема с копированием и вставкой веб-страницы

5. Есть ли какое-либо событие или триггер, который может копировать всю веб-страницу, например, ctrl a и ctrl c?

Ответ №1:

Если вы хотите получить полный HTML-код документа, вы можете использовать ниже

 **document.documentElement.outerHTML**