Tenho que fazer uma página modelo pra agência onde trabalho e disponibilizar um botão onde os funcionários irão apenas clicar e copiar todo o código que foi utilizado para desenvolver aquela página, para facilitar e tudo mais.

Eu vi muitas perguntas parecidas, mas nenhuma conseguiu resolver o meu problema. Seria basicamente assim, imaginem que o código exemplo abaixo corresponde a página que eu preciso copiar:

  <div class="conteudo-total">               <div>            <h1>Titulo</h1>            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam laboriosam inventore blanditiis repellendus corrupti, ea, maxime magnam odio, vero consequatur, dolores hic. Accusantium voluptatem nulla velit, deserunt sequi eveniet debitis.</p>        </div>         </div>     <div class="copiar">Copiar Código</div> 

Quando clicar em Copiar Código preciso copiar todo conteúdo html, ou seja, todo o conteúdo do arquivo. Eu sei que seria muito mais simples ir no arquivo e copiar o código diretamente de lá, masss é uma exigência do meu chefe que quer ‘otimizar’ o trabalho aqui da agência…