Gerador de “imagens” para MercadoLivre

Não gosto de usar Tampletes em meus anuncios do ML, mas tenho algumas imagens “padrão” que costumo colocar em alguns anuncios.

Pra facilitar isso fiz um scriptzinho em Shell que lê todas as imagens dentro da pasta e cria uma página com estas imagens e um simples botão para “Copiar Código”, que quando clicado copia o código HTML para ser colado no anuncio já formatado como uma imagem.

Crie uma pasta em seu servidor web armazene o linkimage.cgi e crie uma pasta chamada “imagensml”, e dentro dela coloque todas as imagens que você usa com frequência.

Por exemplo quando clico Em “Copiar Código” desta primeira imagem, já copia para minha área de transferência o código

<p align="center"><img src="https://ideias.pw/imagensml/1econ_me.png"\></p>

Então basta eu colar no campo de código HTML na criação de um anuncio.

linkimage.cgi:

#!/bin/sh
echo "Content-Type: text/html;"
echo ""
url="https://ideias.pw/imagensml/" #aqui você coloca o URL do seu site

cat << CLEOF

<html>
	<head>
		<title>Códigos de imagens para o MercadoLivre</title>
		<script type="text/javascript" src="/js/zeroclipboard/mootools.1.2.3.js"></script>
		<script type="text/javascript" src="/js/zeroclipboard/ZeroClipboard.js"></script>
	</head>
<body>
<h1>Imagens para MercadoLivre</h1>
<h4>Clique no botão "Copiar Código" da imagem que deseja então basta colar no campo de código HTML nos anuncios do ML</h4>

CLEOF
id="0"
	ls images | while read image; do
		id="$(($id+1))"
cat << CLEOF

		<p>
			<img src="$url$image"\>
			<input type="text" id="id-$id" size="55" style="display:none;" value='<p align="center"><img src="$url$image"\></p>' readonly/>
			<input type="button" id="copy-$id" style="display:inline;" value="Copiar código"/>
			<hr>
				<script type="text/javascript">
		window.addEvent("load",function() {
			setTimeout(function() {
				//set path
				ZeroClipboard.setMoviePath('http://ideias.2p.fm/js/zeroclipboard/ZeroClipboard.swf');
				//create client
				var clip = new ZeroClipboard.Client();
				//event
				clip.addEventListener('mousedown',function() {
					clip.setText(document.getElementById('id-$id').value);
				});
				clip.addEventListener('complete',function(client,text) {
					alert('Código copiado para área de transferência: \n' + text);
				});
				//glue it to the button
				clip.glue('copy-$id');
			}, 2000);
			
		});
				</script>
		</p>
		
CLEOF
	done
	
echo "</body></html>"

 

Dependências:

https://www.ideias.pw/userscripts/zeroclipboard/ZeroClipboard.js

https://www.ideias.pw/userscripts/zeroclipboard/ZeroClipboard.swf

https://www.ideias.pw/userscripts/zeroclipboard/mootools.1.2.3.js