Fica tudo muito bonito né? 😍 É só uma pena que o Mermaid não está funcionando no modo Preview, não sei porque ainda.
Em resposta a Testando com Sucessinho o Markdown
5
4
Opa mister, ele funcionou no modo preview sim quando estava editando este post para publicar, só demora um poquinho pra carregar mais ou menos uns 30 segundos todas as vezes que eu incluia algo.
Este gráfico é top demais
pie title Galerinha de TI com os code nomes de seus influencers
"Deschampers" : 317
"Gafanhoters" : 216
"Código Fonters" : 150
"Linux Tipers": 112
"L. Montaners": 105
Por estranho que pareça, no modo fullscreen não funcionou, mas quando usei o modo fora do fullscreen funcionou corretamente, talvez este teste possa ajudar.
Gostei muito dessa funcionalidade!!!
3
kkkkk muito bom esse gráfico!
Então, aqui no Chrome não funciona no Preview de jeito algum, muito estranho.
4
Aqui no Chrome o mermaid funciona no Preview somente se clicar em alguma outra parte do site ou se entrar em full screen, sair e aguardar alguns segundos.
Num primeiro momento ele fica assim:
E em seguida o diagrama é exibido normalmente
Testei isso nos seguintes navegadores: Firefox 102, Chrome 103, Gnome Web 42.2 e Brave 1.40
O firefox é o que exibe o diagrama mais rapidamente, cerca de 2 a 3 segundos, nos outros navegadores leva em média 26 segundos.
Tentei debugar no firefox aqui, mas ainda não entendi porque a função mermaid() só está sendo chamada / atualizada se clicar em algum elemento da página
Update:
No modo split o preview funciona normalmente
1
Everton, vi essa sua resposta aqui e fui lá reportar no repositório, e para minha surpresa você tinha criado uma issue já 😍 complementei com um vídeo 👍
1
Muito bom, Filipe! Eu havia testado no tabnews localmente, mas suspeitei que não fosse um problema com o site, então fiz um projeto rápido para testar o editor do bytemd separadamente, mas devo ter feito algo errado porque o estilo do editor ficou completamente quebrado e fiquei devendo um vídeo ou gif demonstrando a issue.