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~~ |
|
| 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 | :::leftText::: |
Links |
| Block rechtsbündig ausrichten | :::rightText::: |
Rechts |
| Block zentrieren | :::centerText::: |
Zentriert |
| Einklappbar (öffnet sich per Klick) | :::spoilerSpoiler anzeigenDieser Text ist eingeklappt::: |
Spoiler anzeigenDieser Text ist eingeklappt |
| Codeblock | ```var i = 10;``` |
|
Links
| 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 |  |
|
| Bild per url mit Tooltip |  |
|
| Bild per id |  |
|
| Bild per id mit 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):
{style="width:80px"} {style="width:200px"}
Listen
| Beschreibung | Syntax | Ergebnis |
|---|---|---|
| Aufzählung | - Punkt 1- Punkt 2- Punkt 3 |
|
| Nummeriert | 1. Punkt 12. Punkt 23. Punkt 3 |
|
| Mit Buchstaben | a. Punkt 1b. Punkt 2c. Punkt 3 |
|
| Mit römischen Ziffern | i. Punkt 1ii. Punkt 2iii. Punkt 3 |
|
Überschriften und Blöcke
| Beschreibung | Syntax | Ergebnis |
|---|---|---|
| Überschriften (Ebenen 1–6) | ## Überschrift###### Klein |
ÜberschriftKlein |
| Zitat | > Dies ist ein Zitat |
Dies ist ein Zitat |
| Horizontale Linie | --- |
|
| Aufgabenliste | - [ ] Nicht erledigt- [x] 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### Ü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### TitelBeschreibung::: |
Reihe großer Zahlen — je Zeile Wert \| Beschriftung |
:::stats70+ \| IndikatorenKostenlos \| Preis::: |
Nummerierte Schritte — ein Schritt je ###, die Nummern werden automatisch gesetzt |
:::steps### HerunterladenText 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 | :::quoteText der Rezension.— Name, Position::: |
| Zwei Screenshots desselben Bildschirms in einem Rahmen (helles und dunkles Farbschema) | :::split::: |
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.
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.
Erster Schritt
Die Nummer wird automatisch gesetzt, im Markup steht sie nicht.
Zweiter Schritt
Die Schritte erscheinen in der Reihenfolge, in der die Überschriften notiert sind.
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.
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.