Como copiar conteudo de div para clipboard com quebras de linhas?

Front-end JavaScript
#1

Seguinte, vi um script no site stackoverflow

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
function copyToClipboard(element) {
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val($(element).text()).select();
  document.execCommand("copy");
  $temp.remove();
alert('Agora e so colar!');
}
</script>
<div id="div1">Linha1
Linha2
Linha3</div>
<div id="div2">Caixa de texto 2</div>
<button onclick="copyToClipboard('#div1')">Copy P1</button>
<button onclick="copyToClipboard('#div2')">Copy P2</button>

Mas quando sai o resultado fica assim Linha1Linha2Linha3, como fazer para ter quebra de linha conforme o alinhamento do conteúdo da div? Pois ja tentei com
e \n e também trocando tag div por tag textarea, mas não obtive resultado

#2

Galera, já encontrei a solução, baixei um script pronto do site https://zenorocha.github.io/clipboard.js/ facil de instalar, fiz assim:

Pergunta:
Linha1
Linha2
Linha3
Resposta:
Linha1
Linha2
Linha3
Copiar Pergunta Copiar Resposta

Fica ai a solução pro pessoal que tem a mesma dúvida :wink: