jsTree e jQuery

Pesquisar este blog

Contribua

Te ajudei? Quer retribuir? PIX de qualquer quantia.

Oculte suas imagens em textos pela web

Este projeto é útil para fugir da censura de imagens.


Vá no site abaixo e converta a sua imagem para texto, ou seja, para texto data uri
https://ezgif.com/image-to-datauri

Outra alternativa é o programa do link abaixo, basta arrastar a imagem.
Como data uri é uma codificação de texto base64, este utilitário irá servir bem ao nosso propósito também.
https://sourceforge.net/projects/base64encoder/

Agora vá em qualquer fórum e cole o texto dentro de uma tag code, geralmente isto é feito de forma visual, veja a imagem abaixo


Quem quiser saber que imagem o texto esconde deverá ir no site abaixo, copiar e colar o texto data uri, então a imagem que o texto representa irá aparecer
https://www.site24x7.com/tools/datauri-to-image.html

Eu escondi várias imagens no post abaixo, divirta-se
https://wgomessantos.blogspot.com/2019/02/imagens-secretas.html

Que saco! Dá para ser mais fácil?
Sim! Eu criei um script que converte automaticamente um texto data uri em imagem, desde que ele esteja dentro de uma tag code.
Instale o plugin Tampermonkey

https://www.tampermonkey.net/index.php 


O Script está no final da página.
Segue um tutorial de como instalar e ativar o meu script
https://wgomessantos.blogspot.com/2019/02/tampermonkey-ativando-o-meu-script.html

Responsabilidade
Isto é apenas uma ferramenta e como tal, podem usar para o bem ou para o mau.
Por exemplo, os milhares de supermercados vendem facas em geral com o intuito de cortar alimentos, porém nada impede uma pessoa de matar outra com ela, ou seja, a faca não é ruim ou boa, é apenas uma ferramenta e o seu uso depende apenas do intuito da pessoa que a usa.
Isto lembra muito a história de Alberto Santos Dumont que criou o avião para que as pessoas viajassem pelo mundo, porém colocaram uma metralhadora e o avião acabou sendo usado para matar pessoas também, então ele indignado acabou se suicidando, pois jamais criaria essa invenção se soubesse que ela seria usada desta forma.
Eu criei com o intuito de fugir da censura política, espero que a usem de forma correta.
Não sou adepto de nenhum movimento ativista, extremista, político, etc.

Como funciona
O código abaixo que eu criei para ser usado com o plugin Tampermonkey automaticamente pega uma string data uri que está contida em uma tag code e cria um elemento img, ou seja, uma imagem.
Seu atributo src é carregado com este texto data uri, então a imagem irá aparecer.
Agora você não precisa ficar convertendo de forma manual.
Basta visitar fóruns, bloggers, redes sociais, ou seja, qualquer site que trabalhe com este segredo que a imagem será mostrada automaticamente.

O futuro
Se este projeto ficar muito popular  o futuro será o seguinte.
- Podem limitar o quanto você pode escrever em um post. Como até mesmo uma pequena imagem requer um número absurdo de caracteres, ao limitar a quantidade de caracteres indiretamente acaba impossibilitando a inserção de imagens através de textos do tipo "data uri".
- Podem começar a monitorar textos do tipo "data uri" e então censurar conforme o conteúdo.
- Podem impedir o uso da tag code nos posts.
- Também poderei ser ameaçado e ser obrigado a tirar o post ou blog do ar.

Abaixo está o código javascript para ser usado junto com o plugin Tampermonkey.


// ==UserScript==
// @name Tag code data uri to img
// @description Obtém textos do tipo data uri inseridos dentro de tags code e cria uma imagem usando este texto do tipo data uri. O intuito deste script é burlar a censura de imagens na web.
// @author Wellington Gomes dos Santos
// @homepage https://wgomessantos.blogspot.com/2019/02/projeto-code_23.html
// @namespace http://tampermonkey.net/
// @version 2.0
// @grant none
// @run-at document-end
// @match *://*/*
// ==/UserScript==

(function() {
'use strict';

//Array do tipo NodeList com as tags code
var codesNodeList = document.querySelectorAll("code");

//Percorro cada tag code encontrada
for (var i = 0; i < codesNodeList.length; i++) {

//remover todas tags br dentro de code
var brsNodeList = codesNodeList[i].querySelectorAll("br");
for (var j = 0; j < brsNodeList.length; j++) {
brsNodeList[j].remove();
}

//pego o conteudo da tag code
var conteudo = codesNodeList[i].innerHTML;

//removo espaços e quebra de linhas
conteudo = conteudo.replace(/ /g,'').replace(/\s+/, '').replace(/\s/g, '');

//Se o conteudo da tag code for uma imagem
if(conteudo.startsWith("data:image")){

//crio elemento img
var nova_imagem = document.createElement("IMG");

//preencho o atributo src com o conteúdo pego da tag code
nova_imagem.src = conteudo;

//pego o node pai da tag code
var pai = codesNodeList[i].parentNode;

//insiro a imagem criada
pai.insertBefore(nova_imagem, codesNodeList[i]);

}//end if
}//end for

})();


Dica: Como deixar o texto na vertical
Se você colar dois textos de imagens, irá perceber que terá que rolar um mundo de texto até chegar na próxima imagem.
Uma solução é remover as quebras de linha e usar o atributo style, desta forma


Para remover quebra de linhas eu utilizo o Notepad++ é só teclar CTRL+H e fazer a seguinte substituição

Após removido as quebras de linha, é só copiar e colar no site desejado.




Testar esse site:




Nenhum comentário:

Postar um comentário