Coder Social home page Coder Social logo

Comments (10)

Rafatcb avatar Rafatcb commented on August 28, 2024 2

Apenas para deixar uma referência histórica, descobri hoje que o GitHub também tem um tipo de tabela de conteúdos:

Na página principal do repositório, existe um link no canto superior direito, em cima do README, que exibe a tabela de conteúdos do README

from tabnews.com.br.

Rafatcb avatar Rafatcb commented on August 28, 2024 2

Pessoal, o PR #1686 foi fechado por inatividade, mas contém algumas informações relevantes a serem consideradas na implementação.

Caso alguém decida implementar, sugiro experimentar fazer como o GitHub, que mencionei no último comentário, pois é uma forma menos intrusiva do que o modal lateral, e é uma mecânica que já existe em outras partes do TabNews.

from tabnews.com.br.

wendesongomes avatar wendesongomes commented on August 28, 2024 1

@Rafatcb eu fiz dinâmico, quando a pessoa criar um post automaticamente detectar os títulos em markdown e assim já faz os tópicos, e reaproveitei tudo que já tinha no código não precisei adicionar nem um plugin.

from tabnews.com.br.

wendesongomes avatar wendesongomes commented on August 28, 2024 1

Depois de ter feito varias opções de design a melhor q eu achei foi colocar ao lado direito como um botão, aonde a pessoa clica e abre um modal na direita.

O porque disto: porque colocando na tela teria que diminuir o tamanho da onde o texto esta e isso deixaria estranho para os usuários, colocando somente um botão, não causaria estranhamento nem descontentamento com algo a mais a tela do usuário.

image

from tabnews.com.br.

wendesongomes avatar wendesongomes commented on August 28, 2024 1

@Rafatcb eu fiz la, poderia ver se esta correto pfv?

from tabnews.com.br.

Rafatcb avatar Rafatcb commented on August 28, 2024

@wendesongomes obrigado pela sugestão! Me pareceu útil e interessante. Se não me engano, em 2022/2023 havia mais publicações contendo tabela de conteúdos, e sua sugestão realmente resolveria essa "dor".

Imagino que a solução possa até mesmo evoluir para algo como acontece em leitores de PDF, separando em níveis e permitindo esconder/exibir a árvore, por exemplo:

Tabela de conteúdos em um leitor de PDF na lateral esquerda, com diferentes níveis de título contendo diferentes tabulações.

Fonte.

@wendesongomes o teste que você fez foi "hard-coded" ou já é dinâmico, com base no conteúdo da publicação? Precisou criar um plugin do ByteMD?

from tabnews.com.br.

Rafatcb avatar Rafatcb commented on August 28, 2024

@wendesongomes eu realmente gostei da sua sugestão, e apesar da sua publicação no TabNews não ter muitos comentários, não vi ninguém se opor. Na verdade, o comentário que parecia uma oposição, acredito ter sido um mal entendido, já que não temos essa funcionalidade. As tabelas de conteúdo existentes em algumas publicações foram feitas de forma manual.

PS: Só agora reparei que tem um índice no modo de edição do ByteMD, mas tenho quase certeza que não existe uma forma de inseri-lo como conteúdo sem ser digitando manualmente.

O índice no modo de edição fica ao lado direito do conteúdo que está sendo digitado.

Como você já fez a implementação, o que acha de abrir o PR para outras pessoas poderem avaliar e testar também?

Edit: Acho que pensar nisso agora pode complicar desnecessariamente a implementação, mas consigo imaginar esse menu funcionando também como um índice dos comentários, e talvez dos títulos em comentários.

from tabnews.com.br.

wendesongomes avatar wendesongomes commented on August 28, 2024

@Rafatcb Boa noite, posso mandar um PR sim, qual branch eu coloco?

from tabnews.com.br.

Rafatcb avatar Rafatcb commented on August 28, 2024

@wendesongomes vi que você já criou um fork do TabNews. O seu fork precisa estar atualizado (é possível atualizar pela própria interface do GitHub no seu repositório):

Exemplo para sincronizar

Depois disso, pode abrir um PR apontando do seu fork para o main deste repositório. No CONTRIBUTING.md temos algumas informações sobre o processo de PR, mas se surgirem dúvidas, pode falar aqui.

from tabnews.com.br.

wendesongomes avatar wendesongomes commented on August 28, 2024

@Rafatcb fiz uma besteira e acabei fechando o pr e ainda perdi o codigo, mas como tinha refeito a pouco tempo conseguir refazer o codigo, queria saber se tenho q fazer outro pr?

from tabnews.com.br.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.