Bloco de notas do navegador de uma linha

Introdução

Às vezes, só preciso digitar lixo. Só para limpar minha mente. Usar editores para digitar esse tipo de jargão me irrita porque bagunça o espaço de trabalho do meu projeto (sou exigente, eu sei).

Então eu faço isso. Como moro no navegador, basta abrir uma nova guia e digitar na guia url.

data:text/html, <html contenteditable>

Voila, bloco de notas do navegador.

Por que funciona?

Você não precisa se lembrar disso. Não é ciência de foguetes. Estamos usando o formato do URI de dados e informando ao navegador para renderizar um html (tente “javascript: alert (‘Bazinga’);”). O conteúdo do referido html é uma linha simples de html com o atributo html5 contenteditable. Isso funciona apenas em navegadores modernos que entendem esse atributo. Clique e digite!