Notepad ++: como colar 50 vezes em uma galeria que estou construindo


0

Estou construindo uma nova página de portofolio junto com outros projetos baseados em html. Muito pesado em galerias de imagens

Eu exporto para fora do lightroom para que cada arquivo seja "ADA - # .jpeg". Em seguida, preciso adicionar o código relevante para adicionar a foto ao portofolio online e sua miniatura correspondente.

Existe um plugin ou uma maneira que eu possa pegar rapidamente uma linha como esta:

<img src="gallery/4c/ada-1.jpg" alt="Caption Text"/>

Faça 50 vezes assim automaticamente:

<img src="gallery/4c/ada-2.jpg" alt="Caption Text"/>
<img src="gallery/4c/ada-3.jpg" alt="Caption Text"/>
<img src="gallery/4c/ada-4.jpg" alt="Caption Text"/>

....

até atingir 50?

Minhas habilidades php / python são realmente enferrujadas, que tal o html real a ser repetido se parece com o seguinte:

Trabalho de evento


Eu poderia descobrir, mas estou super ocupada>. <


Eu sempre usar o Excel ou uma planilha do Google para gerar coisas como esta ...
Brian Adkins

2
A única coisa em que o texto sublime tem uma vantagem sobre o NP ++. :)
Ankit

Respostas:


0

Eu sempre uso PHP quando preciso fazer coisas assim, porque é fácil criar um script. Escreverei o código para você fazer isso como um exemplo.

http://24.3.3.167/test.php (Teste o script aqui)

<?php
   $currentCount = 1;
   while ($currentCount < 51):
      echo htmlspecialchars('<img src=\"gallery/4c/ada-') . $currentCount . htmlspecialchars('.jpg\" alt=\"Caption Text\"/>') . '<br />';
      $currentCount++;
      endwhile;
?>

1

Você pode simplesmente criar uma função javascript simples que gera todas as linhas para você, com um loop para controlar os tempos que você precisa.

Você pode fazer com que o javascript "cole" o conteúdo diretamente em seu html (dentro de uma <div>ou outra tag necessária.

Aqui está um exemplo:

no seu html, você pode ter uma div como

<div id="myimages"><div/>

e tem uma função javascript (e sua chamada) como:

function images(n){
    i=1;
    while(i<=n){
        d = document.getElementById("myimages");
        d.innerHTML  = d.innerHTML+'<img src="gallery/4c/ada-'+i+'.jpg" alt="Caption Text'+i+'"/>\n<br>';
        i++;
    }
}

images(50);

sua saída terá "magicamente" todas as suas imagens =)

clique aqui para um violino de trabalho

Eu recomendo que você aprenda um pouco de javascript, ou mesmo uma linguagem de script de servidor como PHP, que permite fazer essas coisas sem ter que escrever / codificar linhas repetitivas como este caso.


1

Você pode selecionar colunas usando o Alt+ drag.

Selecione a coluna a ser inserida.

insira a descrição da imagem aqui

Agora vá para o arquivo que você deseja inserir e pressione Alt+ dragpara selecionar a coluna

insira a descrição da imagem aqui e cole a coluna copiada. E o resultado que você obtém é ...

insira a descrição da imagem aqui


0

Outra alternativa usando Perluma linha:

$ perl -e 'printf "<img src=\"gallery\/4c\/ada-\%d.jpg\" alt=\"Caption Text\"\/>\n", $_ for 1..50'

-e: Permite definir o código Perl a ser executado pelo compilador.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.