banco-texto-rico.html · bancada do §68 · preview v0.2 — catálogo de ESTADOS do editor de texto rico (ET1–ET14), do seed-componentes.md. Bancada, não tela (CP31). Dado sintético: nenhuma ordem, cliente ou laudo real.

Editor de texto rico — toolbar mínima

Este é o editor de campo: a descrição de uma ordem, a observação de um laudo, o corpo de um comentário. Ele não é o editor de documento (arquétipo A13) — o documento tem outro problema tipográfico, e isso está medido: coluna de 660px, texto 16px/24px e outra stack de fonte (dispositivo C25 do estudo). Interface quer densidade; leitura quer medida de linha. Usar o mesmo registro nos dois piora os dois, e por isso são dois componentes — A13 continua ausente do mapa.

O conjunto de marcas é fechado em seis, e o motivo não é estético: o valor deste campo é reimpresso na proposta, no e-mail e no PDF. Cada marca nova custa em quatro lugares, não em um. Por isso a saída é HTML semântico de lista branca — p, br, strong, em, ul, ol, li, a —, nunca , nunca , nunca style=.

O editor, operante

Estado 1 · o campo — escreva, selecione, formate Descrição da ordem

Inspeção termográfica do QGBT e dos três quadros de distribuição. Prazo de 5 dias úteis.

0 caracteres Tab sai do campo (ET6)

Ctrl+B Negrito
Ctrl+I Itálico
Ctrl+Shift+8 Lista com marcadores
Ctrl+Shift+7 Lista numerada
Ctrl+K Inserir link
Ctrl+\ Limpar formatação

Os atalhos estão escritos na tela (ET5): atalho que ninguém descobre não existe. E Tab sai do editor em vez de inserir tabulação (ET6) — editor que engole o Tab prende quem navega por teclado, o que reprova o SC 2.1.2. A indentação de lista, quando for preciso, entra pela toolbar, não pelo Tab.

Estado 2 · a saída, ao vivo

Leitura em TEXTO PURO (ET14)

A prévia em texto puro não é enfeite: é o que a lista, a busca e o e-mail curto consomem. Um valor que só existe como HTML obriga cada consumidor a inventar a sua própria versão sem marcas — e aí surgem três versões diferentes do mesmo texto.

Colar de fora — a prova do ET8 e do ET11

Este é o texto que sai de um editor de escritório quando alguém copia e cola: style inline, ,  e um  com cor fixa. A cor fixa é o ponto: color:#333333 não inverte no tema escuro — é o defeito BT3 do §64 entrando pelo conteúdo em vez de pelo CSS.

O que se cola

Escopo: inspeção termográfica do QGBT e dos três quadros de distribuição.<div style="margin:0">Prazo: 5 dias úteis.</div>Relatório em PDF ao fim.

O botão faz a colagem de verdade, pelo mesmo caminho do paste — não é simulação.
Use o botão, não o Ctrl+C daqui. O bloco acima mostra o código-fonte escapado; selecioná-lo e copiar leva texto, e o editor insere texto — corretamente, mas o resultado parece quebrado. O botão entrega o mesmo conteúdo como text/html, que é o que o editor de escritório de fato coloca na área de transferência.

O que entra, depois da higienização

— cole para ver —

Sobram p, br, strong, em, ul, ol, li, a.  vira ,  vira , <div> vira , e span, font, style e color somem mantendo o texto. Nada se perde do que a pessoa escreveu; perde-se só o que o outro programa impôs.

Os contratos, e onde cada um se prova

#	Contrato	Onde se prova
ET1	O conjunto de marcas é FECHADO em seis	Toda marca precisa ser desenhada também na proposta, no e-mail e no PDF
ET2	A toolbar é `role="toolbar"` com UM tab stop e setas dentro	Tab entra e sai com um pressionamento; ←/→ andam entre os botões
ET3	Cada botão de marca é alternador com `aria-pressed` que segue o CURSOR	Ponha o cursor dentro de um trecho em negrito: o botão fica pressionado
ET4	A área de edição é `textbox` multilinha com NOME acessível	`role="textbox"` + `aria-multiline="true"` + rótulo ligado
ET5	Os atalhos existem E estão DECLARADOS na tela	A lista de atalhos abaixo do campo — atalho que ninguém descobre não existe
ET6	Tab SAI do editor e nunca insere tabulação	SC 2.1.2: editor que engole o Tab prende quem navega por teclado
ET7	A saída é HTML SEMÂNTICO de lista branca — `strong`, não `b`	O painel “HTML de saída”, ao vivo
ET8	O que se COLA é higienizado para a mesma lista branca	Cole do Word: `style`, `font` e cor fixa não entram
ET9	Link sem texto não nasce: a seleção vira o rótulo	Selecione uma palavra e use Ctrl+K
ET10	O vazio tem dica que NÃO é o rótulo	O rótulo fica acima e permanece; a dica some ao digitar (§13)
ET11	Cor fixa colada não sobrevive — nem como estilo, nem como atributo	`color:#333` não inverte no tema escuro: é o BT3 entrando pelo conteúdo
ET12	Alvo dos botões ≥ 44×44px	Medido pela suíte
ET13	Limite de tamanho, se houver, é ANUNCIADO e não trunca em silêncio	O contador abaixo do campo, em região de status
ET14	O valor tem leitura em TEXTO PURO declarada	Prévia de texto puro — é o que a lista, a busca e o e-mail curto consomem