O editor de duas colunas da ferramenta permite uma experiência de criação de documentos WYSIWYG por meio dos seguintes meios técnicos:
- Mecanismo de renderização de precisãoO 100% é um analisador baseado na especificação CommonMark que reproduz a lógica de renderização Markdown do GitHub, incluindo espaçamento entre tabelas, destaque de blocos de código, listas de tarefas e outros elementos complexos.
- Simulação temáticaModo claro/escuro: há suporte para a alternância de modo claro/escuro, e o efeito de visualização corresponde estritamente aos estilos CSS do GitHub (por exemplo
.markdown-body(Fonte de 16px e espaçamento de 1,5 para definições de classe) - Calibração instantâneaErros de sintaxe de Markdown, como blocos de código não fechados ou níveis de cabeçalho incorretos, são detectados automaticamente durante a digitação e destacados com uma linha ondulada vermelha na área de visualização
O relatório de avaliação da Adobe Systems mostra que, após o uso desse recurso, a correção da renderização na primeira vez dos READMEs enviados pelos desenvolvedores no GitHub aumentou de 67% para 99%. Em particular, a exibição de tabelas complexas (por exemplo, comparando parâmetros entre versões de API) e fórmulas matemáticas (sintaxe LaTeX) foi fundamentalmente resolvida.
Essa resposta foi extraída do artigoReadme Studio: a ferramenta de IA para gerar rapidamente arquivos README profissionais do GitHubO
Não pode ser reproduzido sem permissão:Ferramentas de produtividade de IA " O recurso de visualização ao vivo garante que a saída do Readme Studio seja perfeitamente adaptada ao ambiente de exibição do GitHub.
