Novo Problema no Composer: Imagens Vinculadas

Olá! Bem, tentei ativar o editor de texto rico no meu site, infelizmente tive alguns problemas com ele… O primeiro e mais importante é que vincular imagens, como você faria no editor Markdown normal, não parece funcionar no editor de texto rico. Por exemplo:

Imagem de teste.

No editor Markdown normal, isso resultaria, é claro, em uma imagem inline sendo exibida na postagem. Como você talvez possa ver aqui, esse não é o caso com o editor de texto rico!

1 curtida

Você está escrevendo o markdown no editor de texto rico?
Se sim, isso não vai funcionar, você não pode escrever markdown no editor rico.

Ou você está colando/carregando a imagem?
Isso deve funcionar normalmente.

… Eu consigo ver por que você escreveria isso - eu não acho que o editor rico tenha uma maneira de dizer a ele “linkar para esta imagem externa”?

Olá, peço desculpas por não ter especificado, eu estava escrevendo no editor de rich text! Infelizmente, essa foi a única maneira de vincular uma imagem externa sem desativá-la novamente, pelo menos que eu pudesse ver :frowning:

1 curtida

Se isto deveria ser uma solicitação de recurso em vez de um bug (eu estava tecnicamente usando o editor de rich text incorretamente), sinta-se à vontade para movê-lo para a categoria apropriada! Eu diria que vincular a imagens externas é um caso de uso bastante comum, então ter um botão no editor de rich text que possa vincular a mídia externa pode ser uma boa adição futura, mas de um ponto de vista muito técnico, o compositor está funcionando corretamente neste caso. :slight_smile: Talvez precise de um ou dois botões extras!

1 curtida

Com certeza; eu acho que isso é fundamentalmente um problema de lacuna de funcionalidades, mas deixarei o proprietário da funcionalidade decidir como classificá-lo ainda mais.

1 curtida

Muito obrigado, farei o mesmo. Peço desculpas pela classificação incorreta :slight_smile:

Você pode postar uma URL de imagem em uma nova linha e ela será exibida automaticamente:

No entanto, isso carece dos controles de redimensionamento/legendagem que o upload direto de uma imagem oferece. Não tenho certeza do que @renato pensa sobre este caso de uso, sei que para outros tipos de exibição automática consideramos eles um caso especial, então não tenho certeza se o redimensionamento/legendagem de imagem pode ser adicionado aqui.

1 curtida

O mesmo problema existe no compositor markdown; talvez possamos estender o botão Inserir Link para suportar isso.

Ou, o que os usuários esperam ser capazes de fazer para fazer upload de uma imagem?

1 curtida

Acho que há potencial para algo mais, como o suporte a uma forma de inserir imagens externas via uma interface de usuário específica, como você mencionou. Sei que é um pouco ambicioso, mas já vi em outros lugares a ação de emoji com abas para procurar GIFs ou inserir mídia externa, poderíamos fazer algo para melhorar isso – só não está claro ainda o quê exatamente.

No entanto, suportamos algumas regras de entrada especiais que tornam a digitação no novo editor familiar para pessoas acostumadas com Markdown, como # títulos ou **negrito**, então também adicionei para um formato ![imagem](markdown):

Isso permitirá que você digite ![Imagem de teste](, cole um link, digite ), e tenha um nó de imagem.

3 curtidas

Isso funciona muito bem, aprecio a sugestão! Geralmente, ao vincular a uma imagem externa em Markdown (no antigo editor), os controles de redimensionamento/legenda da imagem não são exibidos, a menos que a imagem seja baixada/espelhada automaticamente pelo Discourse. Como desativei essa opção (preciso economizar espaço muito bem :slight_smile: ), os controles não são exibidos de qualquer forma, portanto, desde que a imagem esteja adequadamente dimensionada e mantenha sua proporção, essa solução que você postou funciona muito bem.

Acho que, do ponto de vista do usuário, só espero poder fazer duas coisas com uma imagem… uma é exibi-la, é claro, mas a outra é poder fornecer texto alternativo ou uma dica de ferramenta para fins de acessibilidade (por exemplo, para que usuários cegos recebam mais do que apenas a informação de que há uma imagem aleatória na página). O dimensionamento e a proporção parecem ser bem tratados, então talvez se houvesse apenas um botão que permitisse inserir uma imagem externa, sem ter que mudar para o editor Markdown bruto. Acho que o novo editor é ótimo agora que dei mais tempo a ele e me acostumei com o funcionamento, mas infelizmente no momento, tenho que desativá-lo para o meu caso de uso específico de qualquer forma. Como tal, eu o deixo desativado, mas reconheço o valor do novo editor para usuários mais novos também. Estou ansioso para poder ativá-lo permanentemente :slight_smile:

Isso também parece uma ótima ideia, muito apreciado!

Para sua informação, a resposta dos bastidores é que os controles só são exibidos quando o tamanho da imagem é especificado no markdown, por exemplo:

<!-- exibido -->
![legenda|690x432](upload://8oFjMj2KPpS6hKmiXRIImrFw22L)
![legenda|690x432,50%](upload://8oFjMj2KPpS6hKmiXRIImrFw22L)

<!-- não exibido -->
![legenda](upload://8oFjMj2KPpS6hKmiXRIImrFw22L)

(seria ótimo se o cliente pudesse inseri-los automaticamente; normalmente isso só é feito no momento da busca da imagem)

1 curtida

Ahh, entendi! Obrigado por esclarecer :slight_smile: Não estou muito familiarizado com o funcionamento interno dessas coisas, pelo menos ainda não! Que bom saber, talvez eu possa usar isso para adicionar os controles às minhas imagens hospedadas na nuvem também!

1 curtida

Engraçado você dizer isso, é exatamente o que o editor avançado agora faz (o PR foi mesclado) quando uma imagem não tem dimensões :sorrindo:

Ele não atualizará o documento automaticamente (evitamos isso em geral), mas mostrará os controles e calculará automaticamente as dimensões se você usar os botões de escala.

2 curtidas

Executei minhas atualizações do dia e fiquei surpreso ao ver que esta atualização já foi incluída… Eu queria postar como uma atualização que reativei a configuração do editor de rich text para experimentá-la, funciona exatamente como eu esperava, então muito obrigado por isso! Neste ponto, o único problema que tive com o novo compositor foi corrigido, por assim dizer :slight_smile: Os outros “problemas” que notei não postarei como bugs, pois não consegui reproduzir nenhum deles… Estou mais convencido de que (na época) eu estava tendo algum tipo de problema de rede/roteamento do que havia problemas com o novo compositor. Isso é algo que eu mesmo vou resolver :slight_smile: Manterei o novo compositor habilitado no meu site por enquanto, gosto do fato de o editor de rich text adicionar a legenda visualmente à imagem também!

1 curtida