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~~ |
|
| 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 | :::lefttexto::: |
À esquerda |
| Alinhar bloco à direita | :::righttexto::: |
À direita |
| Alinhar bloco ao centro | :::centertexto::: |
Ao centro |
| Recolhível (expande ao clicar) | :::spoilerMostrar spoilerEste texto está recolhido::: |
Mostrar spoilerEste texto está recolhido |
| Bloco de código | ```var i = 10;``` |
|
Links
| 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 |  |
|
| Imagem por url com dica |  |
|
| Imagem por id |  |
|
| Imagem por id com dica |  |
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):
{style="width:80px"} {style="width:200px"}
Listas
| Descrição | Sintaxe | Resultado |
|---|---|---|
| Com marcadores | - Item 1- Item 2- Item 3 |
|
| Numerado | 1. Item 12. Item 23. Item 3 |
|
| Com letras | a. Item 1b. Item 2c. Item 3 |
|
| Com números romanos | i. Item 1ii. Item 2iii. Item 3 |
|
Cabeçalhos e blocos
| Descrição | Sintaxe | Resultado |
|---|---|---|
| Cabeçalhos (níveis 1–6) | ## Cabeçalho###### Pequeno |
CabeçalhoPequeno |
| Citação | > Isto é uma citação |
Isto é uma citação |
| Linha horizontal | --- |
|
| Lista de tarefas | - [ ] Não feito- [x] 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### 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ítuloDescrição::: |
Fila de números grandes — uma linha valor \| legenda para cada |
:::stats70+ \| indicadoresGrátis \| preço::: |
Passos numerados — um passo para cada ###, os números são colocados sozinhos |
:::steps### BaixeTexto 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 | :::quoteTexto do depoimento.— Nome, cargo::: |
| Duas capturas da mesma tela em uma única moldura (tema claro e escuro) | :::split::: |
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.
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.
Primeiro passo
O número é desenhado sozinho, na marcação ele não existe.
Segundo passo
Os passos seguem a ordem em que os cabeçalhos foram escritos.
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.
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.