Executando verificação de segurança...
1
andrelt07
1 min de leitura ·

Me ajudem a criar a "Função Wiki para palavras, frases e contextos técnicos" aqui no TabNews?

Pessoal, sou totalmente leigo na programação, mas, enquanto não evoluo nesta questão, eu gostaria de sugerir uma função imediata e ativa nesta plataforma.

A função WIKI.

Seria um botão abaixo do campo principal de onde escrevemos a publicação.

Ao clicar nele, fica selecionável inicialmente a última palavra escrita, mas se arrastar o mouse até onde desejarmos, uma frase ou contexto técnico fica marcado para receber o link externo na Wikipedia ou outras bases de conhecimentos mais apropriadas para o mundo DEV.

Aliás, esta ideia vem da Wikipedia, que desde quando lançou esta função, ajuda muito meus alunos a "linkarem" um aprendizado a outro. O novo do novo, um conhecimento conectado e ramificado sem fim.

O que acham? Me Ajudam? Bora evoluir?

Fiz um vídeo demonstrativo: https://youtu.be/riIB7lJzsIE

Fonte: https://pt.wikipedia.org/wiki/Wikip%C3%A9dia:P%C3%A1gina_principal

Carregando publicação patrocinada...
2
1
2
PabloJuan255

Xô ver se eu entendi, para o escritor, ele vai apertar um botão que vai linkar uma parte do seu texto à uma página da Wikipedia, e para o leitor, ele vai passar o mouse por cima para ver um trecho da página.

Eu acho que seria melhor se o escritor podesse escolher o artigo que ele vai linkar ao invés de só chutar o que ele tá querendo dizer, mas a gente pode combinar os dois. Tipo, a gente vê o que está selecionado, pede para a API pesquisar, e deixar o escritor ver se é ou não.

Agora, sobre a API da Wikipedia. Para fazer uma pesquisa, é necessário algo tipo:
https://en.wikipedia.org/w/api.php?action=query&list=search&format=json&srsearch={{pesquisa}}
Ele retorna um json todo misturado com HTML, mas o mais importante aqui é o título, que só precisa ser parecido com o que a gente procurou.

Voltando pro lado do cliente, seria algo tipo o hover do TabCoins e TabCash, mas muito maior.

EDIT: Fiz um tipo de demo aqui, mas só dá para editar o conteúdo editando código.
site: https://demo-separada.pablojuan.repl.co/
código: https://replit.com/@PabloJuan/demo-separada

2
1
andrelt07
Autor
Autor

Filipe, sabe quando passa o mouse em cima de uma palavra que já está "linkada" em qualquer página na Wikipedia? Tipo, esta palavra leva a uma página explicativa sobre o termo no Wikipedia. Então, seria a mesma coisa aqui dentro da plataforma.

Provavelmente, já tem algum tipo de comamdo dentro da Wikipedia que facilita as inserções desta função para quem cria e edita as páginas lá.

Eu gostaria de presenciar esta funcionalidade aqui no TabNews, mas, claro, no estágio mais ágil de usar a função.

Tipo, eu escrevo "TabNews" e aciono o botão "Wiki", logo, a palavra fica marcada para receber um link externo, associado... podendo abrir na mesma aba ou numa nova... e assim por diante.

Se é um link "TabNews", automaticamente já abrirá na mesma aba... outros links, abrirá externamente, por exemplo... dá para aprimorar cada vez mais a função.

Ao ponto, inclusive, de ser possível moderar um link externo hostil. Por exemplo, que leve a conteúdos "+18", phinshing e afins.

Fiz um vídeo demonstrativo: https://youtu.be/riIB7lJzsIE

2
filipedeschamps

Ahhh perfeito, entendi meu caro!

De fato por enquanto não é possível, e a única forma é através de links usando Markdown, mas que você precisa manualmente montar eles assim:

[Markdown](https://en.wikipedia.org/wiki/Markdown)

De qualquer forma, muito obrigado pela sugestão e qualquer outra que tiver, não deixe de nos enviar 🤝

1
andrelt07
Autor
Autor

Não tem como criar um atalho para o Markdown? Clica num botão e ele insere os colchetes na última palavra digitada, insere os parênteses vazios que devem ser preenchidos pelo link do conhecimento e a pessoa continua a digitação? Aliás, já tem uma publicação com os atalhos de comandos para deixar em negrito, tachado e assim por diante, partes das publicações? Emojis e etc. 💚

Acabei de experimentar o markdown, ao clicar no link, ele carrega o site em cima do TabNews, e não abre em uma nova aba.

Seria legal a possibilidade de não sobrepor o acesso atual do TabNews. Enfim, dá uma vontade de programar o que eu estou sugerindo. 😞

2
filipedeschamps

Se você apertar CMD + K no macOS ou (imagino) CTRL + K no Windows, ele gera esse código. E se você selecionar uma palavra e usar esse atalho, ele já vai abraçar ela com os [].