Textformatierung

Beschreibung Syntax Ergebnis
Zeichen escapen, damit es nicht verarbeitet wird \*nicht verarbeitet\* *nicht verarbeitet*
Fettschrift **Dieser Text ist fett** Dieser Text ist fett
Kursiv *Dieser Text ist kursiv* Dieser Text ist kursiv
Schriftfamilie :[Handschriftlicher Text]{font=cursive} Handschriftlicher Text
Textfarbe :[Roter Text]{color=red} Roter Text
Textgröße :[Dieser Text hat Größe 7]{size=36pt} Dieser Text hat Größe 7
Texthervorhebung ==Dieser Text ist hervorgehoben== Dieser Text ist hervorgehoben
Durchgestrichen ~~Dieser Text ist durchgestrichen~~ Dieser Text ist durchgestrichen
Unterstrichen ++Dieser Text ist unterstrichen++ Dieser Text ist unterstrichen
Tiefgestellt H~2~O H2O
Hochgestellt x^2^ x2

Textausrichtung

Beschreibung Syntax Ergebnis
Textumfluss :[Dieser Text wird rechts umflossen]{float=right} Dieser Text wird rechts umflossen
Block linksbündig ausrichten :::left
Text
:::
Links
Block rechtsbündig ausrichten :::right
Text
:::
Rechts
Block zentrieren :::center
Text
:::
Zentriert
Einklappbar (öffnet sich per Klick) :::spoiler
Spoiler anzeigen

Dieser Text ist eingeklappt
:::
Spoiler anzeigenDieser Text ist eingeklappt
Codeblock ```
var i = 10;
```
var i = 10;

Beschreibung Syntax Ergebnis
Link <https://stocksharp.com/en/> https://stocksharp.com/en/
Link mit Text [StockSharp-Website](https://stocksharp.com/en/) StockSharp-Website
E-Mail-Link <info@stocksharp.com> info@stocksharp.com
E-Mail-Link mit Text [Schreib mir](mailto:info@stocksharp.com) Schreib mir
Link zu einem Thema per id @topic(12374) Assign, install and work with StockSharp Installer.
Link zu einer Nachricht per id @message(51317) Assign, install and work with StockSharp Installer.
Link zu einem Produkt per id @product(9) Designer
Link zu einem Benutzer per id @user(1) StockSharp
Link zu einer Datei per id @file(122179) cup.svg
Auto-Link (eine blanke URL wird selbst zum Link) https://stocksharp.com/en/ https://stocksharp.com/en/

Bilder

Beschreibung Syntax Ergebnis
Bild per url ![](https://stocksharp.com/file/122179/cup_svg/)
Bild per url mit Tooltip ![](https://stocksharp.com/file/122179/cup_svg/ "Dies ist ein beliebiger Tooltip.")
Bild per id ![](122179)
Bild per id mit Tooltip ![](122179 "Dies ist ein beliebiger Tooltip.")

Bildgröße — über {style="..."}: Breite width, Höhe height oder beides. Die Größe ist im normalen Text sichtbar (in einer Tabellenzelle ist das Bild auf deren Breite begrenzt):

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


Listen

Beschreibung Syntax Ergebnis
Aufzählung - Punkt 1
- Punkt 2
- Punkt 3
  • Punkt 1
  • Punkt 2
  • Punkt 3
Nummeriert 1. Punkt 1
2. Punkt 2
3. Punkt 3
  1. Punkt 1
  2. Punkt 2
  3. Punkt 3
Mit Buchstaben a. Punkt 1
b. Punkt 2
c. Punkt 3
  1. Punkt 1
  2. Punkt 2
  3. Punkt 3
Mit römischen Ziffern i. Punkt 1
ii. Punkt 2
iii. Punkt 3
  1. Punkt 1
  2. Punkt 2
  3. Punkt 3

Überschriften und Blöcke

Beschreibung Syntax Ergebnis
Überschriften (Ebenen 1–6) ## Überschrift
###### Klein

Überschrift

Klein
Zitat > Dies ist ein Zitat
Dies ist ein Zitat
Horizontale Linie ---
Aufgabenliste - [ ] Nicht erledigt
- [x] Erledigt
  • Nicht erledigt
  • Erledigt
Fußnote Text[^1]
[^1]: Erläuterung
Text1

Soziale Netzwerke

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}

Diagramme

Ein Designer-Schema direkt im Text. Die Website zeichnet es im Browser, es lässt sich also heranzoomen und betrachten: es ist kein Bild. Das Schema kommt entweder per Verweis — eine Datei auf der Website per id oder eine Adresse im Internet — oder als JSON direkt in die Nachricht eingefügt.

Beschreibung Syntax Ergebnis
Designer-Diagramm per Datei-id oder URL @diagram(URL) siehe Live-Beispiel unter der Tabelle
Schema direkt im Text: JSON innerhalb eines Codeblocks, ohne Datei und 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"}]}}}}}
```
siehe Live-Beispiel unter der Tabelle

Live-Beispiel (Designer-Schema aus dem AlgoTrading-Repository):

Live-Beispiel eines Inline-Schemas (dasselbe JSON direkt im Text):

Lässt sich das Schema nicht laden, bleibt das Token selbst auf der Seite — etwa @diagram(122179). Dann gibt es keine Datei mit dieser id, oder die Adresse ist nicht erreichbar.


Seitenabschnitte

Blöcke für Produktseiten und Landingpages. Jeder nimmt die volle Spaltenbreite ein und wird automatisch gestaltet — von Hand muss nichts gesetzt werden.

Beschreibung Syntax
Zwei Spalten: Bild links, Text rechts :::feature-left
![](123456)

### Überschrift
* Punkt
:::
Dasselbe, Bild rechts :::feature-right

:::
Dasselbe auf getöntem Streifen — im Wechsel einsetzen, damit sich eine lange Seite als Folge von Abschnitten liest :::feature-left alt

:::
Raster aus Karten — eine Karte je ### :::cards
### Titel
Beschreibung
:::
Reihe großer Zahlen — je Zeile Wert \| Beschriftung :::stats
70+ \| Indikatoren
Kostenlos \| Preis
:::
Nummerierte Schritte — ein Schritt je ###, die Nummern werden automatisch gesetzt :::steps
### Herunterladen
Text des Schritts
:::
Schaltflächen — jeder Link wird zur Schaltfläche, die erste ist die Hauptschaltfläche :::cta
[Herunterladen](/de/products/download/)
[Dokumentation](https://doc.stocksharp.com/)
:::
Zitat mit Quellenangabe — eine Zeile, die mit einem Gedankenstrich beginnt, wird zum Autor :::quote
Text der Rezension.

— Name, Position
:::
Zwei Screenshots desselben Bildschirms in einem Rahmen (helles und dunkles Farbschema) :::split
![](107133)

![](107134)
:::

Innerhalb von :::feature-* wandert der erste Medienblock — Bild, Video oder Schema — in die Hälfte mit der Illustration, alles Übrige in die Texthälfte. Ein :::split-Paar gilt ebenfalls als Medienblock, daher kann es in :::feature-* anstelle eines einzelnen Bildes stehen.


Wie das aussieht. Unten dieselben Blöcke, nicht in einer Tabelle, sondern live.

7
Sprachen der Website
2
Farbschemata
Kostenlos
Preis der Plattform

Karte

Kurzer Text unter der Überschrift. Es kann beliebig viele Karten geben — sie ordnen sich automatisch im Raster an.

Noch eine

Die Spaltenbreite passt sich dem Bildschirm an: auf dem Smartphone stehen die Karten in einer Spalte.

Die dritte

Innerhalb einer Karte funktioniert das gewohnte Markup — fett, kursiv, Links.

1

Erster Schritt

Die Nummer wird automatisch gesetzt, im Markup steht sie nicht.

2

Zweiter Schritt

Die Schritte erscheinen in der Reihenfolge, in der die Überschriften notiert sind.

3

Dritter Schritt

Wird ein Schritt in die Mitte eingefügt, nummerieren sich die übrigen automatisch neu.

Das Markup soll so sein, dass der Autor an den Text denkt und nicht an das Layout.

Aus der Diskussion zur Hilfe

Website-Daten

Zahlen und Namen, die die Website beim Ausliefern der Seite selbst einsetzt. Von Hand gepflegt werden muss hier nichts: der Wert kommt immer aus dem Katalog und nicht aus dem, was jemand einmal getippt hat.

Beschreibung Syntax Ergebnis
Wie viele Konnektoren @connector_count 74
Wie viele Indikatoren @indicator_count 166
Wie viele Strategien @strategy_count 867
Wie viele Anwendungen @app_count 8
Wie viele Benutzer @user_count 31.827
Produktname in der Sprache der Seite — als Text, ohne Link @product_name(9) Designer

Die Zahl wird nach den Regeln der Seitensprache geschrieben, mit Tausendertrennzeichen. Lässt sich der Wert nicht ermitteln, bleibt das Token selbst auf der Seite — etwa @connector_count. Der Redaktion fällt das auf, und es wird nie zu einer falschen Zahl: eine Null in „wir unterstützen 0 Konnektoren“ läse sich wie eine Tatsache.

@product_name(NNN) unterscheidet sich von @product(NNN) darin, dass es nur den Namen einfügt und keinen Link erzeugt. Genau das braucht man mitten im Satz: „Designer hat einen visuellen Strategie-Designer“ — während @product(9) den Link Designer ergäbe.