Como criar uma tabela de arte “ASCII” para o Facebook ou o Twitter?

Question

Como ter uma tabela em serviços que suportam apenas texto simples como o Facebook ou o Twitter, uma vez que estão todos desalinhados por não terem um tipo de letra de espaço simples? Em outras palavras, como transformar isso:

══╦════════╗
║ Col1 ║ Col2 ║ NumCol ║
╠═══════════════════════════════════╬════════════╬ ════════╣
║ Valor 1 ║ Valor 2 ║ 123 ║
║ Esta é uma linha com apenas uma célula ║ ║ ║
║ Esta linha está testando entidades html ║ Te
st ║ 45 ║
╚═══════════════════════════════════╩════════════╩ ════════╝

para isso:

╔═══════════════════════════════════╦════════════╦════════╗
║               Col1                ║    Col2    ║ NumCol ║
╠═══════════════════════════════════╬════════════╬════════╣
║ Value 1                           ║ Value 2    ║    123 ║
║ This is a row with only one cell  ║            ║        ║
║ This row is testing html entities ║ Te<br />st ║     45 ║
╚═══════════════════════════════════╩════════════╩════════╝

?

^{FYI: Existe um aplicativo da web para criar tabelas de arte ASCII? - Troca de pilha de aplicativos da Web}

    

Answer 1

A tabela está desalinhada porque requer um espaçamento em mono. Fontes mono-espaçadas não são usadas pelo Twitter e pelo Facebook, mas você pode substituir o texto pelos caracteres unicode de largura fixa correspondentes. Isso não é tecnicamente mono-espaçado, os caracteres não são necessariamente posicionados em alinhamento com uma grade fixa e, até onde eu saiba, não há equivalente de largura total para caracteres como o espaço, mas o espaçamento previsível pode tornar muito mais fácil criar um visual decente mesa, no entanto.

O bloco unicode para caracteres de meia largura e largura total é U + FF00 para U + FFEF e texto escrito nesses caracteres ｌｏｏｋｓ ｌｉｋｅ ｔｈｉｓ. Você pode usar uma ferramenta para converter texto automaticamente, como este . A página vinculada também tem uma leitura interessante sobre o propósito desse conjunto de caracteres.

    

Answer 2

Você não pode. Fazer isso requer o uso de uma fonte de largura fixa e não há como forçar isso em clientes do Facebook ou Twitter.

Você também não pode usar HTML < TABLE > s, já que não há nenhuma provisão para especificá-los / inseri-los.