Idea: Paste links in the editor

Hey guys. If any of you uses WordPress, will know what I’m talking about. For others… I’ll explain.

So, in the WordPress editor, if you select a text and you press CTRL+V, it will do one of the following:

  • if the clipboard content is a valid url, it will insert the link with the selected text as anchor;
  • if the clipboard content is not a valid url, it will just overwrite the selected text.

I think it would be nice to just skip few steps (CTRL+K + CTRL+V + enter).

Any chance that this would be implemented on Discourse? :slight_smile:

(also, what’s up with the undo? it’s simply broken if you use any toolbar/shortcut)

4 curtidas

Er… what? That sounds confusing. I’m confused! What would that do?

Alright, so I’ve made a short video:

Obviously enough, this should insert markdown instead.

5 curtidas

Isso é algo que também adoro no WordPress e sinto falta no Discourse diariamente. Permite escrever um monte de texto e, em seguida, adicionar hiperlinks de forma extremamente rápida e natural.

2 curtidas

Não tenho certeza, o que você acha, @eviltrout — isso pode ser inesperado. E já temos um botão na barra de ferramentas para inserir hiperlinks.

1 curtida

O fluxo com o botão de link é o seguinte:

  1. Selecione o texto
  2. Clique no botão (ou pressione ctrl+k)
  3. Cole o link
  4. Clique em OK (ou pressione enter)

Com a funcionalidade que propus, você reduz todo o processo pela metade, pois basta selecionar e colar. Se nenhum texto estiver selecionado, a colagem funcionará como de costume (ou seja, apenas inserirá o texto da área de transferência).

3 curtidas

Em todos os editores que conheço, se você selecionar algum texto e colar da área de transferência, esse texto é substituído pelo que está na área de transferência. O que você está sugerindo eliminaria a função existente de substituir texto pelo que está na área de transferência.

  • Não selecionar nenhum texto e colar da área de transferência é uma simples ação de COLAR.
  • Selecionar texto e colar da área de transferência é uma ação de SUBSTITUIR TEXTO pelo que está na área de transferência.

Inserir hiperlink — usando o botão já fornecido — é a maneira mais fácil de inserir um link em qualquer texto que você selecionar, selecionando o texto primeiro.
Inserir um hiperlink sem texto é clicar no botão, colar o link, clicar em OK ou pressionar enter ou apenas digitar ou colar um link em um espaço em branco.

Não vejo por que você gostaria de transformar a função universal de Selecionar e Substituir Texto no que o botão existente já faz, sem perder essa função comum a todos os editores de texto. O que aconteceria se você quisesse substituir texto por outro texto e perdesse a função de Selecionar e Substituir?

No WordPress, o que determina se o texto será substituído pelo que está na área de transferência ou se inserirá um hiperlink sem sobrescrever o texto existente usando uma simples seleção e colagem, como você sugere? Certamente, apenas destacar texto e clicar em colar não pode realizar ambas as funções ou executar uma sem perder a outra.

Ou estou esquecendo algo?

Como já ocorre no Discourse, digitar ou colar uma URL a converte automaticamente em um link clicável, sem precisar usar o recurso de Inserir Link. Depois, há o recurso Onebox. E você já tem o botão Inserir Link.

Colar insere texto.
Selecionar e colar substitui o texto.
Selecionar e apagar/backspace apaga o texto.

Essas são funções comuns a todos os editores de texto.

2 curtidas

Uma combinação do conteúdo da área de transferência e do estado do editor:

  • Se o conteúdo da área de transferência não for uma URL válida: a colagem funcionará exatamente como você disse (substituirá qualquer texto selecionado ou o anexará no cursor, caso contrário)
  • Se a área de transferência for uma URL e:
    • nenhum texto selecionado: a URL será inserida na posição do cursor
    • texto selecionado: usará esse texto como texto âncora.

Considerando que há algumas outras coisas que não funcionam tão bem quanto em outros editores (tosse, tosse), tenho certeza de que não seria um grande problema para os usuários :slight_smile:

1 curtida

Não sou contra, mas também não ouvi ninguém mais pedir. Parece ser algo bem nichado.

4 curtidas

Acho que é uma daquelas coisas que você não sabe que precisa até ter realmente.

(Eu tentaria fazer isso sozinho como um plugin ou algo assim, mas, por alguma razão, não consigo iniciar o ambiente de desenvolvimento Docker do Discourse no Windows)

4 curtidas

Recomendo fortemente o WSL-2 aqui, juntamente com nossa configuração oficial do Docker, a maneira mais fácil de começar no Windows.

Além disso… você nem precisa de um ambiente de desenvolvimento completo; você pode experimentar no Criador de Temas, que pode ser construído como um componente de tema.

2 curtidas

Enquanto isso, descobri o que estava fazendo de errado (e atualizei o post para evitar que outros continuem cometendo o mesmo erro). Agora consigo executá-lo, mas não tenho tempo livre. Talvez no futuro próximo :slight_smile:

1 curtida

Eu nem sabia que o WordPress ou qualquer outra coisa fazia isso, então não teria pensado em pedir, mas seria útil e provavelmente não causaria grandes surpresas (nunca tentei substituir texto por uma URL, e se eu fosse, entenderia o que estava acontecendo).

3 curtidas

Sinceramente, é simplesmente um recurso adorável no WordPress. O hipertexto é algo ótimo e um conceito fundamental para a web, é claro… mas voltar e adicionar 10 links a uma publicação é realmente irritante, a menos que você possa simplesmente copiá-los e colá-los. Por isso, eu nem me importo de fazer isso, a menos que esteja usando o WordPress. Não deveria haver nenhuma surpresa ao colar um link e que ele se torne um link clicável.

1 curtida

Acabei de testar isso no editor Zettlr; ele não possui a função de colar para criar link do WordPress, mas tem um comportamento similar com o Ctrl+K.. Com uma URL na área de transferência, você ..

  • seleciona o texto
  • pressiona Ctrl+K

.. e é isso, o texto se torna um link. Alternativamente, você pode clicar com o botão direito para adicionar um link. No Discourse, você tem que:

  • selecionar o texto
  • pressionar Ctrl+K
  • pressionar Ctrl+V
  • pressionar Enter

Isso realmente quebra o fluxo de marcar algum texto.

Não tenho certeza se a segurança do navegador permitiria colar com Ctrl+K, mas realmente acho que o comportamento do WordPress é perfeito.

edição Percebi que o Slack tem o mesmo comportamento de link ao colar que o WordPress, então é outra interface muito usada que adota esse recurso.

3 curtidas

Adicionei um PR para isso em UX: pasting links on a selection will apply a link format by gwwar · Pull Request #15010 · discourse/discourse · GitHub

23 curtidas

Oh, uau! Bem-vindo de volta e obrigado! Faz tempo!

6 curtidas

Eu uso isso no WordPress o tempo todo. Primeiro escrevo a frase inteira, ou até mesmo um parágrafo, depois faço outra passagem e converto palavras/frases em links.

2 curtidas

O mesmo aqui. Muito mais fácil criar conteúdo.

Eu sei que CMSs, como o WordPress, são um pouco diferentes dos fóruns, mas essas barreiras estão desaparecendo, como computadores vs. tablets vs. telefones.

Para mim, a questão é bastante simples: é uma questão de UX e facilidade, mas se os desenvolvedores veem as coisas de forma diferente, é possível.

Eu não estou tentando iniciar nenhuma discussão acalorada, mas de vez em quando os desenvolvedores se esquecem dos usuários finais e fazem as coisas como estão acostumados :wink:

1 curtida

Isso agora está mesclado!

  • Copie uma URL
  • Selecione uma palavra no compositor do Discourse
  • Cole a URL
  • A palavra se torna um link… Mágica :woman_mage: :mage:

Muito obrigado gwwar ← Isso foi facilmente criado usando o truque de colar @gwwar!

Eu acho isso muito legal, muito difícil de descobrir que isso existia, mas agora que sei que existe, certamente usarei o truque ocasionalmente.

21 curtidas