Formatação de texto

Descrição Sintaxe Resultado
Escapar um caractere para que não seja processado \*não processado\* *não processado*
Negrito **Este texto está em negrito** Este texto está em negrito
Itálico *Este texto está em itálico* Este texto está em itálico
Família da fonte :[Texto manuscrito]{font=cursive} Texto manuscrito
Cor do texto :[Texto vermelho]{color=red} Texto vermelho
Tamanho do texto :[Este texto é do tamanho 7]{size=36pt} Este texto é do tamanho 7
Destaque de texto ==Este texto está destacado== Este texto está destacado
Tachado ~~Este texto está tachado~~ Este texto está tachado
Sublinhado ++Este texto está sublinhado++ Este texto está sublinhado
Subscrito H~2~O H2O
Sobrescrito x^2^ x2

Alinhamento de texto

Descrição Sintaxe Resultado
Contorno de texto :[Este texto flutua à direita]{float=right} Este texto flutua à direita
Alinhar bloco à esquerda :::left
texto
:::
À esquerda
Alinhar bloco à direita :::right
texto
:::
À direita
Alinhar bloco ao centro :::center
texto
:::
Ao centro
Recolhível (expande ao clicar) :::spoiler
Mostrar spoiler

Este texto está recolhido
:::
Mostrar spoilerEste texto está recolhido
Bloco de código ```
var i = 10;
```
var i = 10;

Descrição Sintaxe Resultado
Link <https://stocksharp.com/en/> https://stocksharp.com/en/
Link com texto [Site StockSharp](https://stocksharp.com/en/) Site StockSharp
Link de email <info@stocksharp.com> info@stocksharp.com
Link de email com texto [Escreva para mim](mailto:info@stocksharp.com) Escreva para mim
Link para tópico por id @topic(12374) Assign, install and work with StockSharp Installer.
Link para mensagem por id @message(51317) Assign, install and work with StockSharp Installer.
Link para produto por id @product(9) Designer
Link para usuário por id @user(1) StockSharp
Link para arquivo por id @file(122179) cup.svg
Link automático (uma URL nua vira link sozinha) https://stocksharp.com/en/ https://stocksharp.com/en/

Imagens

Descrição Sintaxe Resultado
Imagem por url ![](https://stocksharp.com/file/122179/cup_svg/)
Imagem por url com dica ![](https://stocksharp.com/file/122179/cup_svg/ "Esta é uma dica arbitrária.")
Imagem por id ![](122179)
Imagem por id com dica ![](122179 "Esta é uma dica arbitrária.")

Tamanho da imagem — via {style="..."}: largura width, altura height ou ambas. O tamanho é visível no texto comum (na célula da tabela a imagem é limitada pela largura dela):

![](122179){style="width:80px"} ![](122179){style="width:200px"}


Listas

Descrição Sintaxe Resultado
Com marcadores - Item 1
- Item 2
- Item 3
  • Item 1
  • Item 2
  • Item 3
Numerado 1. Item 1
2. Item 2
3. Item 3
  1. Item 1
  2. Item 2
  3. Item 3
Com letras a. Item 1
b. Item 2
c. Item 3
  1. Item 1
  2. Item 2
  3. Item 3
Com números romanos i. Item 1
ii. Item 2
iii. Item 3
  1. Item 1
  2. Item 2
  3. Item 3

Cabeçalhos e blocos

Descrição Sintaxe Resultado
Cabeçalhos (níveis 1–6) ## Cabeçalho
###### Pequeno

Cabeçalho

Pequeno
Citação > Isto é uma citação
Isto é uma citação
Linha horizontal ---
Lista de tarefas - [ ] Não feito
- [x] Feito
  • Não feito
  • Feito
Nota de rodapé Texto[^1]
[^1]: Explicação
Texto1

Redes sociais

youtube

::iframe{url=https://www.youtube.com/embed/lsbyvqajlZ8}

vimeo

::iframe{url=https://player.vimeo.com/video/60238948}

fb

::iframe{url=https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fstocksharp%2Fposts%2F4554987014515465&width=500}

Diagramas

Um esquema do Designer direto no texto. O site o desenha no navegador, então dá para ampliar e examinar: não é uma imagem. O esquema vem por referência — um arquivo do site por id ou um endereço na internet — ou colado como JSON direto na mensagem.

Descrição Sintaxe Resultado
Diagrama do Designer por id do arquivo ou URL @diagram(URL) veja o exemplo ao vivo abaixo da tabela
Esquema direto no texto: JSON dentro de um bloco de código, sem arquivo nem link ```diagram
{"Content":{"Value":{"Scheme":{"Model":{"Nodes":[{"Key":"2","TypeId":"95b3aefe-23fd-4cee-b49e-09764f2ab2e2","X":-350,"Y":-290,"Settings":{"Parameters":{"Name":{"Value":"Security"}}}},{"Key":"3","TypeId":"3d773273-0cee-4d40-8eef-acded2d07ab8","X":-90,"Y":-290,"Settings":{"Parameters":{"Name":{"Value":"TimeFrameCandle"}}}}],"Links":[{"From":"2","FromPort":"Output","To":"3","ToPort":"Security"}]}}}}}
```
veja o exemplo ao vivo abaixo da tabela

Exemplo ao vivo (esquema do Designer do repositório AlgoTrading):

Exemplo ao vivo de esquema inline (o mesmo JSON direto no texto):

Se o esquema não puder ser obtido, o próprio token permanece na página — por exemplo @diagram(122179). Significa que não há arquivo com esse id ou que o endereço está indisponível.


Seções da página

Blocos para páginas de produtos e landing pages. Cada um ocupa toda a largura da coluna e se formata sozinho — não é preciso diagramar nada à mão.

Descrição Sintaxe
Duas colunas: imagem à esquerda, texto à direita :::feature-left
![](123456)

### Cabeçalho
* Item
:::
O mesmo, imagem à direita :::feature-right

:::
O mesmo numa faixa sombreada — alterne para que uma página longa se leia como uma sequência de seções :::feature-left alt

:::
Grade de cartões — um cartão para cada ### :::cards
### Título
Descrição
:::
Fila de números grandes — uma linha valor \| legenda para cada :::stats
70+ \| indicadores
Grátis \| preço
:::
Passos numerados — um passo para cada ###, os números são colocados sozinhos :::steps
### Baixe
Texto do passo
:::
Botões — cada link vira um botão, o primeiro é o principal :::cta
[Baixar](/pt/products/download/)
[Documentação](https://doc.stocksharp.com/)
:::
Citação com assinatura — a linha que começa com travessão vira o autor :::quote
Texto do depoimento.

— Nome, cargo
:::
Duas capturas da mesma tela em uma única moldura (tema claro e escuro) :::split
![](107133)

![](107134)
:::

Dentro de :::feature-* o primeiro bloco de mídia — imagem, vídeo ou diagrama — vai para a metade com a ilustração, e todo o resto para a de texto. Um par :::split também conta como bloco de mídia, por isso ele pode ser colocado em :::feature-* no lugar de uma única imagem.


Como isso fica. Abaixo os mesmos blocos, não em uma tabela, mas ao vivo.

7
idiomas do site
2
temas visuais
Grátis
preço da plataforma

Cartão

Texto curto abaixo do cabeçalho. Pode haver quantos cartões quiser — eles se distribuem sozinhos pela grade.

Mais um

A largura das colunas se ajusta à tela: no celular os cartões ficam em uma única coluna.

O terceiro

Dentro do cartão funciona a formatação comum — negrito, itálico, links.

1

Primeiro passo

O número é desenhado sozinho, na marcação ele não existe.

2

Segundo passo

Os passos seguem a ordem em que os cabeçalhos foram escritos.

3

Terceiro passo

Se um passo for inserido no meio, os demais são renumerados sozinhos.

A marcação deve ser tal que o autor pense no texto, e não na diagramação.

De uma discussão sobre a ajuda

Dados do site

Números e nomes que o site insere sozinho no momento de exibir a página. Não é preciso atualizá-los à mão: o valor vem sempre do catálogo, e não do que alguém digitou uma vez.

Descrição Sintaxe Resultado
Quantos conectores @connector_count 74
Quantos indicadores @indicator_count 166
Quantas estratégias @strategy_count 867
Quantos aplicativos @app_count 8
Quantos usuários @user_count 31.827
Nome do produto no idioma da página — como texto, sem link @product_name(9) Designer

O número é escrito conforme as regras do idioma da página, com separador de milhares. Se o valor não puder ser obtido, o próprio token permanece na página — por exemplo @connector_count. O editor percebe isso, e não vira um número errado: um zero em “suportamos 0 conectores” pareceria um fato.

@product_name(NNN) difere de @product(NNN) por inserir apenas o nome, sem criar link. É o que se precisa no meio da frase: “Designer tem um designer visual de estratégias” — ao passo que @product(9) daria o link Designer.