Construtor de Tabelas

A funcionalidade deste componente de tema agora está incluída no Discourse principal.

Por favor, remova o componente de tema do seu fórum se você ainda o tiver instalado.

|||
-|-|-
| Resumo | O Table Builder permite construir e editar facilmente tabelas em markdown no Discourse com um editor estilo planilha.

Certifique-se de que .js esteja presente na configuração do seu site: theme_authorized_extensions

Funcionalidades

Uma GUI para construir tabelas facilmente

Um clique em um botão no compositor abre um editor de planilha para gerar facilmente tabelas em Markdown.

Criando uma Nova Tabela1369×343 102 KB

Um Editor de Tabela Poderoso

Editar tabelas em posts é mais fácil do que nunca. Clicar em um botão \u003ckbd\u003eEditar Tabela\u003c/kbd\u003e abrirá um editor de planilha para atualizações rápidas e fáceis da sua tabela.

Editando Tabelas Existentes1055×544 137 KB

Prévia

Isso é maravilhoso. Tentarei imediatamente depois que alguém corrigir isto:

kuva2048×569 87.3 KB

Esse tipo de ferramenta realmente ajuda a usar o composer, porque criar tabelas é… bem, você sabe, não é uma tarefa muito divertida

Antes de eu tentar usar isso, você pode confirmar @keegan se você consegue colar o conteúdo de várias células de uma planilha no Table Builder?

Posso confirmar que funciona para o Numbers da Apple, copiei e colei linhas de entradas no editor de tabelas.

A largura máxima é um pouco grande em monitores largos:

image2506×1369 109 KB

Talvez possamos substituir

  .modal-inner-container {
    --modal-max-width: 90%;
  }

por

  .modal-inner-container {
    --modal-max-width: $reply-area-max-width
  }

Ou algo semelhante:

image2506×1369 110 KB

Isso é apenas para desktops, eu acho. Claro, coisas básicas funcionam, mas quando um usuário está em celulares/tablets

• não pode editar cabeçalhos, ou seja, as primeiras linhas/colunas de células
• não pode excluir linhas/colunas não utilizadas
• não há submenu porque o toque longo não faz nada

então a tabela criada deve ser editada novamente “manualmente” no editor.

É um bom começo, eu admito, mas nesta forma é mais fácil criar tabelas diretamente ao usar outro dispositivo que não seja uma tela grande. Agora é apenas uma maneira elegante de obter alguns caracteres |-

Gostaria de lembrar que, em geral, existem muito mais usuários de dispositivos móveis do que de desktops.

Eu gosto muito deste componente temático.

Poder editar facilmente uma tabela a partir da visualização de uma postagem em vez da visualização do compositor é estranho.
Entendo que o editor ainda não é (e não será) WYSIWYG, mas na prática, parece que deveria ser o oposto.

Tentei editar tabelas existentes no meu fórum, mas recebo uma mensagem de erro:

image1612×1065 96.9 KB

TypeError: (0 , _text.parseAsync) is not a function

Ótimo! Sim, isso está atualmente sendo trabalhado.

Sim, posso confirmar que funciona no Excel também.

Obrigado pelo feedback! Isso foi incorporado:

Também em relação ao seu erro,

Você está na versão do Discourse 2.9.0.beta9 ou superior?

parseAsync() foi adicionado a partir de este commit. Se a sua versão do Discourse estiver atualizada, deve estar funcionando. Por favor, me avise.

Claro, o celular é muito importante!

Isso deve estar funcionando assim:

Posso saber qual dispositivo você está usando para que eu possa investigar o problema mais a fundo?

Hooray! Isso é ótimo de ver, obrigado!

Eu estava, mas estava alguns commits atrás de parseAsync(). Funciona depois de atualizar. Obrigado!

Uma coisa legal seria ter acesso ao seletor de emojis no editor de tabelas, mas acho que não é tão simples quanto parece?

Criar tabelas às vezes adiciona linhas vazias aleatórias, quebrando as tabelas geradas. Não sei o que causa isso. Dois exemplos:

Sim, infelizmente, mas talvez eu investigue a integração disso em algum momento no futuro.

Obrigado por compartilhar isso. Vou investigar. Por favor, me envie uma mensagem se descobrir quais passos reproduzem isso, pois ajudará na depuração deste problema.

Talvez você devesse excluir colunas não utilizadas?

Um pode querer manter as colunas vazias por alguns motivos, mas talvez algum tipo de botão “remover” no construtor para remover todas as linhas e colunas vazias seria bom, concordo.

editar: Entendi mal sua mensagem, não vi que você respondeu para mim, mas ainda assim, um recurso para “remover” a tabela seria bom de qualquer forma

Olá, acabei de tentar isso no celular, mas o menu não está aparecendo para mim. Ele é acionado por um toque longo?

Não, não está funcionando apenas em celulares. Apenas quando um mouse está em uso.

O preenchimento superior extra usado para o botão Editar é um pouco irritante porque, às vezes, os “novos” preenchimentos/margens alteram um pouco o vínculo entre os elementos em uma postagem.

Por exemplo, aqui há a palavra Protótipos, que descreve a tabela abaixo, depois o nome Varejo, que também descreve a tabela abaixo, mas o espaço entre a primeira tabela e “Varejo” é tão pequeno que meu cérebro não associa “Varejo” à tabela abaixo de primeira:

table padding807×909 76.6 KB

Talvez fosse interessante ter uma margem/preenchimento inferior maior nas tabelas para tornar os espaços superior e inferior mais equilibrados quando o componente do construtor for instalado?

image811×976 77 KB

Veja como fica com um preenchimento 1em 0 3em em vez de 1em 0.

Não tenho certeza sobre essa sugestão, no entanto.

Ou podemos contar com truques…




Como este.

Não consigo fazer o botão de edição aparecer no meu iPhone? Preciso fazer algo especial?

Sim. Não use iPhone, mas sim desktop Não é totalmente amigável para dispositivos móveis, mas tenho certeza de que isso mudará em algum momento.

Eu estava respondendo a este exemplo, que parecia sugerir que já deveria ser possível?

Estou um pouco atrasado porque tive que trabalhar. Situação chata, eu sei. Mas há problemas pelo menos com iPhone 7.. 11, iPad 6ª gen/Air, dois Samsung diferentes, e não importa se o modo desktop está ativado.

E ainda não verifiquei se há algum conflito, mas todo o resto funciona bem, então?