Markdown: mudanças entre as edições

De BIS Wiki
Ir para navegação Ir para pesquisar
 
(4 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 17: Linha 17:


# Cada linha deve ser separada com os caracteres "\r\n".
# Cada linha deve ser separada com os caracteres "\r\n".
# Linhas vazias são ignoradas, para forçar pular a linha, coloque ao menos um espaço na linha.
# A classe utilitária BUMarkdown contém os métodos de '''convert...(...)''' que farão a conversão de um texto de Markdown para o formato escolhido.
# A classe utilitária BUMarkdown contém os métodos de '''convert...(...)''' que farão a conversão de um texto de Markdown para o formato escolhido.
#: ''Estes métodos já tomam cuidado para não permitirem códigos nocívos, como em casos de HTML e JavaScript''.
#: ''Estes métodos já tomam cuidado para não permitirem códigos nocívos, como em casos de HTML e JavaScript''.
# O markdown pode inclusiver ser ensinado e utilizado pelo usuário para gerar conteúdos.
# O markdown pode inclusiver ser ensinado e utilizado pelo usuário para gerar conteúdos.


= Tabela de Marcações e Conversões =
== Caracteres Especiais ==
Alguns caracteres especiais são substituídos automaticamente dependendo do formato de saída.
{| class="wikitable" style="width:100%;"
!scope="col"| MarkDown
!scope="col"| HTML
!scope="col"| Text
|-
| style="vertical-align:top; width:33%"|
<pre>\r\n</pre>
| style="vertical-align:top; width:33%"|
<pre><br></pre>
| style="vertical-align:top; width:33%"|
<pre>\r\n</pre>
|-
| style="vertical-align:top; width:33%"|
<pre>&</pre>
| style="vertical-align:top; width:33%"|
<pre>&amp;amp;</pre>
| style="vertical-align:top; width:33%"|
<pre>&</pre>


= Tabela de Marcações e Conversões =
|-
| style="vertical-align:top; width:33%"|
<pre><</pre>
| style="vertical-align:top; width:33%"|
<pre>&amp;lt;</pre>
| style="vertical-align:top; width:33%"|
<pre><</pre>


|}


== Formatação de Linha ==
== Formatação de Linha ==
Linha 44: Linha 78:
|-
|-
| style="vertical-align:top; width:33%"|
| style="vertical-align:top; width:33%"|
<pre>= Título de Nível 2</pre>
<pre>== Título de Nível 2</pre>
| style="vertical-align:top; width:33%"|
| style="vertical-align:top; width:33%"|
<pre><h2>Título de Nível 2</h2></pre>
<pre><h2>Título de Nível 2</h2></pre>
Linha 52: Linha 86:
|-
|-
| style="vertical-align:top; width:33%"|
| style="vertical-align:top; width:33%"|
<pre>= Título de Nível 3</pre>
<pre>=== Título de Nível 3</pre>
| style="vertical-align:top; width:33%"|
| style="vertical-align:top; width:33%"|
<pre><h3>Título de Nível 3</h3></pre>
<pre><h3>Título de Nível 3</h3></pre>
Linha 60: Linha 94:
|-
|-
| style="vertical-align:top; width:33%"|
| style="vertical-align:top; width:33%"|
<pre>= Título de Nível 4</pre>
<pre>==== Título de Nível 4</pre>
| style="vertical-align:top; width:33%"|
| style="vertical-align:top; width:33%"|
<pre><h4>Título de Nível 4</h4></pre>
<pre><h4>Título de Nível 4</h4></pre>
Linha 68: Linha 102:
|-
|-
| style="vertical-align:top; width:33%"|
| style="vertical-align:top; width:33%"|
<pre>= Título de Nível 5</pre>
<pre>===== Título de Nível 5</pre>
| style="vertical-align:top; width:33%"|
| style="vertical-align:top; width:33%"|
<pre><h5>Título de Nível 5</h5></pre>
<pre><h5>Título de Nível 5</h5></pre>
Linha 122: Linha 156:
<pre>?. Texto do Item</pre>
<pre>?. Texto do Item</pre>
onde '?' é um número sequêncial começando em 1 para cada item criado dentro do mesmo nível de identação.
onde '?' é um número sequêncial começando em 1 para cada item criado dentro do mesmo nível de identação.
|-
| style="vertical-align:top; width:33%"|
Linha de separação.
<pre>--</pre>
| style="vertical-align:top; width:33%"|
<pre><hr></pre>
| style="vertical-align:top; width:33%"|
<pre>---------------</pre>
O total de caracteres será definido conforme a definição do total de colunas do texto.


|}
|}


== Formatação de Conteúdo ==
== Formatação de Conteúdo ==


As formações abaixo devem ser colocadas "cercando o texto" para indicar o início e o fim da configuração.
As formações abaixo devem ser colocadas "cercando o texto" para indicar o início e o fim da configuração. Essas formações devem ser abertas e fechadas dentro da mesma linha, isto é, não deve conter \r\n entre elas.


{| class="wikitable" style="width:100%;"
{| class="wikitable" style="width:100%;"

Edição atual tal como às 22h11min de 31 de outubro de 2020

Markdown é uma linguagem de marcação baseada no Wikipédia ou na Markdown Language que permite que o BIS tenha um padrões de marcação de formatação do texto que possa ser convertido para outros formatos, como HTML, POSTSCRIPT, RichText, Console, etc.

Exemplos de aplicação:

  • Ao escrever relatórios de Log, podemos ter um conteúdo único e será formatado adequadamente em HTML quando exibido na Web, ou formatado adequadamente quando impresso dentro de um PDF;
  • Escrever mensagens de notificação que podem ir por e-mail, por texto SMS, por WhatsApp, etc.
  • Converter um texto de colunas para uma impressora térmica, ou para gerar um PDF, ou exibir o mesmo conteúdo na tela.


Diversidade e Compatibilidade
Devido aos diversos destinos que um mesmo texto de marcação pode ser convertido, é importante que ao escrever o texto se tenha alguma noção dos destinos que a mensagem será utilizada. Pois além da formatação temos questões como tamanhos e fontes de textos e efeitos que sejam ou não suportados.

Por exemplo, um destino aceita a configuração de fonte de largura fixa e outro não, fazendo com que o texto não fique formatado em colunas. Outro destino aceita uma fonte destacada ou em negrito e em outro apenas uma fonte normal.

De forma geral as formatações de Markdown não especificam atributos exatos como tamanho de texto, negrito e etc.. Mas sim efeitos como "título de nível 1", "nível 2", texto destacado, centralizado, etc. Assim, uma marcação pode ter resultado diferentes em cada destino mas de forma geral causar a mesma impressão/efeito. Quando não é possível criar o efeito, a marcação é simplesmente ignorada.


Funcionamento

  1. Cada linha deve ser separada com os caracteres "\r\n".
  2. Linhas vazias são ignoradas, para forçar pular a linha, coloque ao menos um espaço na linha.
  3. A classe utilitária BUMarkdown contém os métodos de convert...(...) que farão a conversão de um texto de Markdown para o formato escolhido.
    Estes métodos já tomam cuidado para não permitirem códigos nocívos, como em casos de HTML e JavaScript.
  4. O markdown pode inclusiver ser ensinado e utilizado pelo usuário para gerar conteúdos.

Tabela de Marcações e Conversões

Caracteres Especiais

Alguns caracteres especiais são substituídos automaticamente dependendo do formato de saída.

MarkDown HTML Text
\r\n
<br>
\r\n
&
&amp;
&
<
&lt;
<

Formatação de Linha

As formações abaixo devem ser colocadas sempre no início da linha e requerem o caracter 'espaço' separando o conteúdo quando indicado.

MarkDown HTML Text
= Título de Nível 1
<h1>Título de Nível 1</h1>
##### Título de Nível 1
== Título de Nível 2
<h2>Título de Nível 2</h2>
#### Título de Nível 2
=== Título de Nível 3
<h3>Título de Nível 3</h3>
### Título de Nível 3
==== Título de Nível 4
<h4>Título de Nível 4</h4>
## Título de Nível 4
===== Título de Nível 5
<h5>Título de Nível 5</h5>
# Título de Nível 5

Inicia uma lista Numerada

+#
<ol>

Não escreve nada, mas o texto a seguir ganhará um nível de identação.

Finaliza uma lista Numerada

-#
</ol>

Não escreve nada, mas o texto a seguir perderá um nível de identação.

Inicia uma lista não Numerada

+*
<ul>

Não escreve nada, mas o texto a seguir ganhará um nível de identação.

Finaliza uma lista não Numerada

-*
</ul>

Não escreve nada, mas o texto a seguir perderá um nível de identação.

Cria um item de lista.

** Texto do Item
<li>Texto do Item</li>

Se dentro de uma lista não numerada:

* Texto do Item

ou, se dentro de uma lista numerada:

?. Texto do Item

onde '?' é um número sequêncial começando em 1 para cada item criado dentro do mesmo nível de identação.

Linha de separação.

--
<hr>
---------------

O total de caracteres será definido conforme a definição do total de colunas do texto.

Formatação de Conteúdo

As formações abaixo devem ser colocadas "cercando o texto" para indicar o início e o fim da configuração. Essas formações devem ser abertas e fechadas dentro da mesma linha, isto é, não deve conter \r\n entre elas.

MarkDown HTML Text
'''Texto com Enfase'''
<strong>Texto com Enfase</strong>
Texto com Enfase
''Texto em Itálico''
<i>Texto em Itálico</i>
Texto em Itálico
'''''Texto em Negrito e Itálico'''''
<strong><i>Texto em Negrito e Itálico</i></strong>
Texto em Negrito e Itálico