☰

Como fazer uma mesa de arte “ASCII” para Facebook ou Twitter?

tag-icon • tag-icon fonts ascii-art
Como fazer uma mesa de arte “ASCII” para Facebook ou Twitter?

Como ter uma tabela em serviços que só suportam texto simples como Facebook ou Twitter, já que estão todos desalinhados por não possuírem fonte monoespaçada? Em outras palavras, como transformar isso:

╔═══════════════════════════════════╦═══ ═════════╦ ════════╗
║ Col1 ║ Col2 ║ NumCol ║
╠═══════════════════════ ══════════ ══╬════════════╬════════╣
║ Valor 1 ║ Valor 2 ║ 123 ║
║ Esta é uma linha com apenas uma célula ║ ║ ║
║ Esta linha é testando entidades HTML ║
Teste ║ 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 ║
╚═══════════════════════════════════╩════════════╩════════╝

?


PARA SUA INFORMAÇÃO:Existe um aplicativo web para criar tabelas de arte ASCII? - Troca de pilha de aplicativos da Web

Responder1

A tabela está desalinhada porque requer espaçamento mono. Fontes com espaçamento único não são usadas pelo Twitter e pelo Facebook, mas você pode substituir o texto pelos caracteres Unicode de largura fixa correspondentes. Tecnicamente, isso não é monoespaçado, os caracteres não são necessariamente posicionados em alinhamento com uma grade fixa e, até onde sei, 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 uma aparência decente. mesa, no entanto.

O bloco unicode para caracteres de meia largura e largura total é U+FF00 a U+FFEF e o texto escrito nesses caracteres ｌｏｏｋｓ ｌｉｋｅ ｔｈｉｓ. Você pode querer usar uma ferramenta para converter texto automaticamente, comoEste. A página vinculada também contém algumas leituras interessantes sobre a finalidade desse conjunto de caracteres.

Responder2

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

Você também não pode fazer uso de HTML <TABLE>s, já que não há nenhuma provisão para especificá-los/inserí-los.

informação relacionada