Manual de marcado — StockSharp

Formato de texto

Descripción	Sintaxis	Resultado
Escapar un carácter para que no se procese	`\no procesado\`	no procesado
Fuente en negrita	`Este texto está en negrita`	Este texto está en negrita
Cursiva	`Este texto está en cursiva`	Este texto está en cursiva
Familia de fuente	`:[Texto manuscrito]{font=cursive}`	Texto manuscrito
Color del texto	`:[Texto rojo]{color=red}`	Texto rojo
Tamaño del texto	`:[Este texto es de tamaño 7]{size=36pt}`	Este texto es de tamaño 7
Resaltado de texto	`==Este texto está resaltado==`	Este texto está resaltado
Tachado	`~~Este texto está tachado~~`	~~Este texto está tachado~~
Subrayado	`++Este texto está subrayado++`	Este texto está subrayado
Subíndice	`H~2~O`	H₂O
Superíndice	`x^2^`	x²

Alineación de texto

Descripción	Sintaxis	Resultado
Ajuste de texto	`:[Este texto flota a la derecha]{float=right}`	Este texto flota a la derecha
Alinear el bloque a la izquierda	`:::left` `texto` `:::`	Izquierda
Alinear el bloque a la derecha	`:::right` `texto` `:::`	Derecha
Alinear el bloque al centro	`:::center` `texto` `:::`	Centrado
Plegable (se expande al hacer clic)	`:::spoiler` `Mostrar spoiler` `Este texto está plegado` `:::`	Mostrar spoiler Este texto está plegado
Bloque de código	``` `var i = 10;` ```	`var i = 10;`

Enlaces

Descripción	Sintaxis	Resultado
Enlace	`<https://stocksharp.com/en/>`	https://stocksharp.com/en/
Enlace con texto	`[Sitio de StockSharp](https://stocksharp.com/en/)`	Sitio de StockSharp
Enlace de correo electrónico	`<info@stocksharp.com>`	info@stocksharp.com
Enlace de correo con texto	`[Escríbeme](mailto:info@stocksharp.com)`	Escríbeme
Enlace a un tema por id	`@topic(12374)`	Assign, install and work with StockSharp Installer.
Enlace a un mensaje por id	`@message(51317)`	Assign, install and work with StockSharp Installer.
Enlace a un producto por id	`@product(9)`	Designer
Enlace a un usuario por id	`@user(1)`	StockSharp
Enlace a un archivo por id	`@file(122179)`	cup.svg
Enlace automático (una URL desnuda se convierte en enlace por sí sola)	`https://stocksharp.com/en/`	https://stocksharp.com/en/

Imágenes

Descripción	Sintaxis	Resultado
Imagen por url	`![](https://stocksharp.com/file/122179/cup_svg/)`
Imagen por url con descripción emergente	`![](https://stocksharp.com/file/122179/cup_svg/ "Esta es una descripción emergente arbitraria.")`
Imagen por id	`![](122179)`
Imagen por id con descripción emergente	`![](122179 "Esta es una descripción emergente arbitraria.")`

Tamaño de la imagen — mediante {style="..."}: ancho width, alto height o ambos. El tamaño se ve en el texto normal (en una celda de tabla la imagen está limitada por su ancho):

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

Listas

Descripción	Sintaxis	Resultado
Con viñetas	`- Elemento 1` `- Elemento 2` `- Elemento 3`	Elemento 1 Elemento 2 Elemento 3
Numerada	`1. Elemento 1` `2. Elemento 2` `3. Elemento 3`	Elemento 1 Elemento 2 Elemento 3
Con letras	`a. Elemento 1` `b. Elemento 2` `c. Elemento 3`	Elemento 1 Elemento 2 Elemento 3
Con números romanos	`i. Elemento 1` `ii. Elemento 2` `iii. Elemento 3`	Elemento 1 Elemento 2 Elemento 3

Encabezados y bloques

Descripción	Sintaxis	Resultado
Encabezados (niveles 1–6)	`## Encabezado` `###### Pequeño`	Encabezado Pequeño
Cita	`> Esto es una cita`	Esto es una cita
Línea horizontal	`---`
Lista de tareas	`- [ ] No hecho` `- [x] Hecho`	No hecho Hecho
Nota al pie	`Texto[^1]` `[^1]: Explicación`	Texto¹

youtube

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

vimeo

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

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

Diagramas

Un esquema de Designer directamente en el texto. El sitio lo dibuja en el navegador, así que se puede ampliar y examinar: no es una imagen. El esquema se toma por referencia — un archivo del sitio por id o una dirección de internet — o se pega su JSON directamente en el mensaje.

Descripción	Sintaxis	Resultado
Diagrama de Designer por id de archivo o URL	`@diagram(URL)`	ver ejemplo en vivo debajo de la tabla
Esquema directamente en el texto: JSON dentro de un bloque de código, sin archivo ni enlace	```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"}]}}}}}` ```	ver ejemplo en vivo debajo de la tabla

Ejemplo en vivo (esquema de Designer del repositorio AlgoTrading):

Ejemplo en vivo de un esquema en línea (el mismo JSON directamente en el texto):

Si no se pudo obtener el esquema, en la página queda el propio token — por ejemplo @diagram(122179). Significa que no existe un archivo con ese id o que la dirección no está disponible.

Secciones de la página

Bloques para páginas de productos y landings. Cada uno ocupa todo el ancho de la columna y se formatea solo — no hay que maquetar nada a mano.

Descripción	Sintaxis
Dos columnas: imagen a la izquierda, texto a la derecha	`:::feature-left` `![](123456)` `### Encabezado` `* Elemento` `:::`
Lo mismo, con la imagen a la derecha	`:::feature-right` `…` `:::`
Lo mismo sobre una franja tintada — altérnelos para que una página larga se lea como una secuencia de secciones	`:::feature-left alt` `…` `:::`
Cuadrícula de tarjetas — una tarjeta por cada `###`	`:::cards` `### Título` `Descripción` `:::`
Fila de cifras grandes — una línea `valor \\| etiqueta`	`:::stats` `70+ \\| indicadores` `Gratis \\| precio` `:::`
Pasos numerados — un paso por cada `###`, los números se colocan solos	`:::steps` `### Descargue` `Texto del paso` `:::`
Botones — cada enlace se convierte en un botón, el primero es el principal	`:::cta` `[Descargar](/es/products/download/)` `[Documentación](https://doc.stocksharp.com/)` `:::`
Cita con firma — la línea que empieza por un guion se convierte en el autor	`:::quote` `Texto de la reseña.` `— Nombre, cargo` `:::`
Dos capturas de la misma pantalla en un solo marco (tema claro y tema oscuro)	`:::split` `![](107133)` `![](107134)` `:::`

Dentro de :::feature-* el primer bloque multimedia — imagen, vídeo o esquema — va a la mitad de la ilustración, y todo lo demás, a la de texto. Un par :::split también cuenta como bloque multimedia, así que puede colocarse en :::feature-* en lugar de una sola imagen.

Cómo se ve. Debajo están los mismos bloques, pero no en una tabla, sino en vivo.

idiomas del sitio

temas de diseño

0 €

precio de la plataforma

Tarjeta

Texto breve bajo el encabezado. Puede haber tantas tarjetas como quiera: se distribuyen solas por la cuadrícula.

Otra más

El ancho de las columnas se adapta a la pantalla: en el móvil las tarjetas se colocan en una sola columna.

La tercera

Dentro de la tarjeta funciona el marcado habitual: negrita, cursiva, enlaces.

Primer paso

El número se dibuja solo, en el marcado no está.

Segundo paso

Los pasos van en el orden en que están escritos los encabezados.

Tercer paso

Si se inserta un paso en el medio, los demás se renumeran solos.

El marcado debe ser tal que el autor piense en el texto y no en la maquetación.

De un debate sobre la ayuda

Catálogo de productos Documentación

Datos del sitio

Números y nombres que el sitio inserta por sí mismo en el momento de mostrar la página. No hay que actualizarlos a mano: el valor siempre se toma del catálogo, y no de lo que alguien escribió una vez.

Descripción	Sintaxis	Resultado
Cuántos conectores	`@connector_count`	74
Cuántos indicadores	`@indicator_count`	166
Cuántas estrategias	`@strategy_count`	867
Cuántas aplicaciones	`@app_count`	8
Cuántos usuarios	`@user_count`	31.827
Nombre del producto en el idioma de la página — como texto, sin enlace	`@product_name(9)`	Designer

El número se escribe según las reglas del idioma de la página, con separador de miles. Si no se pudo obtener el valor, en la página queda el propio token — por ejemplo @connector_count. El editor lo nota y no se convierte en una cifra incorrecta: un cero en «admitimos 0 conectores» parecería un hecho.

@product_name(NNN) se diferencia de @product(NNN) en que inserta solo el nombre y no crea un enlace. Es lo que hace falta en medio de una frase: «Designer tiene un diseñador visual de estrategias», mientras que @product(9) daría el enlace Designer.

Formato de texto

Alineación de texto

Enlaces

Imágenes

Listas

Encabezados y bloques

Encabezado

Pequeño

Redes sociales

Diagramas

Secciones de la página

Tarjeta

Otra más

La tercera

Primer paso

Segundo paso

Tercer paso

Datos del sitio