Adicionar target _blank aos Links

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Adicionar target _blank aos Links</title>
<style>
    body {
        font-family: Arial, sans-serif;
        padding: 20px;
    }
    textarea {
        width: 100%;
        height: 100px;
        margin-bottom: 10px;
        resize: vertical;
    }
    button {
        padding: 10px 20px;
        background-color: #007bff;
        color: white;
        border: none;
        cursor: pointer;
    }
    button:hover {
        background-color: #0056b3;
    }
    .result {
        margin-top: 20px;
    }
    .links-container {
        display: flex;
        flex-wrap: wrap;
    }
    .link-item {
        margin: 10px;
    }
</style>
</head>
<body>

<h2>Adicionar target _blank aos Links</h2>

<p>Cole os links no formato HTML abaixo e clique em "Adicionar target _blank":</p>

<textarea id="linksInput" placeholder='
<a href="https://exemplo.com"><img src="https://exemplo.com/imagem.jpg" alt="Exemplo"></a>
<a href="https://exemplo.com"><img src="https://exemplo.com/imagem.jpg" alt="Exemplo"></a>
'></textarea>

<button onclick="adicionarTargetBlank()">Adicionar target _blank</button>

<div class="result" id="resultado"></div>

<button onclick="copiarLinks()" id="copiarBtn" style="display: none;">Copiar Links com target _blank</button>

<script>
function adicionarTargetBlank() {
    let linksInput = document.getElementById('linksInput').value.trim();
    let resultado = document.getElementById('resultado');

    // Verifica se há conteúdo no campo
    if (linksInput === '') {
        resultado.textContent = 'Nenhum link encontrado. Cole os links no campo acima.';
        return;
    }

    // Cria um elemento div temporário para processar os links
    let tempDiv = document.createElement('div');
    tempDiv.innerHTML = linksInput;

    // Seleciona todos os links dentro do elemento temporário
    let links = tempDiv.getElementsByTagName('a');

    // Adiciona o atributo target="_blank" a todos os links encontrados
    for (let i = 0; i < links.length; i++) {
        links[i].setAttribute('target', '_blank');
    }

    // Limpa o conteúdo anterior
    resultado.innerHTML = '';

    // Cria e exibe as imagens com os links modificados
    let linksAtualizados = '';
    for (let i = 0; i < links.length; i++) {
        let linkHTML = links[i].outerHTML;
        linksAtualizados += `<div class="link-item">${linkHTML}</div>`;
    }

    resultado.innerHTML = `<div class="links-container">${linksAtualizados}</div>`;

    // Exibe o botão de copiar apenas se houver links para copiar
    if (links.length > 0) {
        document.getElementById('copiarBtn').style.display = 'block';
    } else {
        document.getElementById('copiarBtn').style.display = 'none';
    }
}

function copiarLinks() {
    // Seleciona a área de resultado que contém os links com target _blank
    let resultado = document.getElementById('resultado');

    // Cria um elemento input para a área de transferência
    let input = document.createElement('textarea');
    input.value = resultado.innerHTML;

    // Adiciona o elemento input à página
    document.body.appendChild(input);

    // Seleciona e copia o conteúdo da área de transferência
    input.select();
    document.execCommand('copy');

    // Remove o elemento input da página
    document.body.removeChild(input);

    // Exibe um alerta para o usuário
    alert('Links copiados para a área de transferência');
}
</script>

</body>
</html>