Como formatar seu texto no Tabnews

Introdução

Para a formação de conteudo do Tabnws podemos utilizar duas alternativas, a linguamgem de markdown ou até mesmo as tags do HTML mesmo.

O markdown é uma maneira facil e rapida de realizar anotações, criar conteúdo para um site e produzir documentos prontos para impressão e pricipampente para documentar o codigo no github, o famoso Readme.md. Utilizado pela maioria das pessoas para criar conteúdo para a web, ele pode ser usado para formatar praticamente tudo.

Headintags

Na criação de um titulo, adicione o sinal (#) na frente de uma palavra ou frase. O número de desses sinais que você usa deve corresponder ao nível do cabeçalho. Ja no caso de utilizar as tags HTML podemos fazer o uso das headintags mesmo como por exemplo <h1>Titulo</h1>

Markdown HTML Renderização
# Heading level 1 <h1>Heading level 1</h1> Heading level 1
## Heading level 2 <h2>Heading level 2</h2> Heading level 2
### Heading level 3 <h3>Heading level 3</h3> Heading level 3
#### Heading level 4 <h4>Heading level 4</h4> Heading level 4
##### Heading level 5 <h5>Heading level 5</h5> Heading level 5
###### Heading level 6 <h6>Heading level 6</h6> Heading level 6
  • É importante dizer que com o uso do markdown é preciso dar um espaço após o uso do caracter.

Quebra de linha

Para as fazer as quebras de linha no markdown, podemos utilizar o "Enter" normalmente, ja no caso das tags HTML as proprioas <br> e <p> solucional esse problema.

Enfase

Pode-se também adcionar ênfase em seus conteudos para isso basta utilizar os seguintes caractes ou tags no caso de formatação por HTML:

Markdown HTML Renderização
**negrito** <strong>negrito</strong> negrito.
*italico* <em>italico</em> italico.
***italico e negrito*** <em><strong>italico e negrito</strong></em> italico e negrito

Citação

Para criar uma cintação em bloco pode-se ultilizar o ">"

Exemplo de citação em bloco

Listas

Você pode organizar itens em listas ordenadas e não ordenadas.

Markdown HTML Renderização
1.item2.item3.item4.item <ol><li>item</li><li>item</li><li>item</li><li>item</li></ol> itemitemitemitem
- item* item+ item <ul><li>item</li><li>item</li><li>item</li><li>item</li></ul> itemitemitemitem

Bloco de codigo

Os blocos de código são normalmente recuados com quatro espaços ou uma tabulação. Quando estiverem em uma lista, recue oito espaços ou duas tabulações.

<html>
      <head>
        <title>Test</title>
      </head>
      

Imagens

Para imagems em markdown, é preciso passar alguns caracteres sendo eles:

1."![]" sendo o nome da imagem; 2."()" o endereço da imagem;

   ![Tux, the Linux mascot](https://mdg.imgix.net/assets/images/tux.png?auto=format&fit=clip&q=40&w=100)
   

Tux, the Linux mascot

Considerações:

Esses e muitos outros comandos são de extrema importacia para uma boa formatações de conteudo dentro do Tabnews, documentações de codigo e divesos outros tipos de comentario

Referencias:

https://www.markdownguide.org/basic-syntax/ https://docs.pipz.com/central-de-ajuda/learning-center/guia-basico-de-markdown#open

Outra dica que eu daria é utilizar o ícone de ajuda que está dentro do Editor, pois ele irá mostrar as principais formatações do Markdown:

Editor Markdown em Português e com Ajuda

Este GIF foi extraído desta publicação: Novas melhorias: RSS e mais 7 melhorias 🎉

Muito top! Na hora que fui escrever eu vi que era estilo **Markdown** ai eu lembrei dos READMI do GitHub e fui tentar lembrar de alguns atalhos. Vai ajudar muito para quem nunca viu markdown até mesmo no github 😊👏
o filipe pretende mudar o editor para o do github, o bytemd ta meio abandonado, e tem varios bugs no celular
Uma dica, não coloqueo titulo dentro do corpo, é pra isso que serve o campo de titulo, ele coloca um h1 no começo
Muito show esse recurso, obrigado por compartilhar 🎉