# So funktioniert Markdown Markdown ist eine vereinfachte Auszeichnungssprache, die von John Gruber entworfen und im Dezember 2004 mit Version 1.0.1 spezifiziert wurde. Aaron Swartz war einziger Beta-Tester und half maßgeblich bei der Entwicklung der Syntax. Ein Ziel von Markdown ist eine leicht lesbare Ausgangsform bereits vor der Konvertierung. Als Auszeichnungselemente wurden daher vor allem Auszeichnungsarten verwendet, die in Plain text und E-Mails üblich sind. Siehe [Wikipedia](https://de.wikipedia.org/wiki/Markdown) Eine Anleitung, was hier machbar ist, findest Du hier: --- ## Inhaltsverzeichnis erzeugen Oben rechts erscheint immer dann ein Menü-Button, wenn Dein ZL Überschriften enthält H1 bis H6. Je nach Gewichtung werden diese geschachtelt. --- ## Tastaturkürzel Drücke die `[ALT]`-Taste lange. Dann öffnet sich ein Hilfe-Popup. --- ## besondere Features dieses Editors: - Zeilen löschen (siehe Tastaturkürzel) - Zeilen nach unten oder oben verschieben (siehe Tastaturkürzel) - Zeilen nach unten oder oben kopieren (siehe Tastaturkürzel) - Checkboxen (siehe oben Button "Box" - Tabellen-Helfer (siehe Button "Tabelle" oben) - Datums-Erkenunung (siehe unten0 - Mailadressen- Link- und Telefonnumern-Erkennung (siehe unten) - Summen (Zwischensummen und Gesamtsummen), siehe unten. --- ## Summaries zum Aufklappen: ``` +++ Klicke hier zum Aufklappen Hier steht der Inhalt, der standardmäßig eingeklappt ist. Kann auch **fett**, Listen oder sogar Codeblöcke enthalten. +++ ``` => +++ Klicke hier zum Aufklappen Hier steht der Inhalt, der standardmäßig eingeklappt ist. Kann auch **fett**, Listen oder sogar Codeblöcke enthalten. +++ --- ## Fußnoten: Mein Test [^1] => hinter einen Teil schreiben `[^1]`, dann irgendwo im Dokument erklären mit `[^1]: die Fußnote` [^1]: die Fußnote --- ## Schrift: __Fett__ : `__Fett__` **Fett**: `**Fett**` _kursiv_: `_kursiv_` *kursiv*: `*kursiv*` ___Beides___: `___Beides___` ***Beides***: `***Beides***` ~Durchgestrichener Text~: `~Durchgestrichener Text~` --- ## Überschriften: # h1 `# h1` oder ``` h1 ==== ``` ## h2 `# h2` ``` h2 ---- ``` ### h3 `# h3` #### h4 `# h4` ##### h5 `# h5` ###### h6 `# h6` --- ## Farben: Das ist [c=yellow]gelb[/c]: `[c=yellow]gelb[/c]` Das ist [c=#0000ff]blau[/c]: `[c=#0000ff]blau[/c]` Das ist [c=#ff0000]rot[/c] (#ff0000): `[c=#ff0000]rot[/c]` [markcolor=red]rot[/markcolor] markierter Text: `[markcolor=red]rot[/markcolor]` [markcolor=green]grün[/markcolor] markierter Text: `[markcolor=green]grün[/markcolor]` --- ## Summen ### Zwischensummen berechnen mit `=SUM`: +2 Std. -0,5 Std. =SUM Std. ### Gesamtsummen berechnen mit `=TOTAL`: +2 Std. -1 Std. =SUM Std. *=> mit `=SUM`: nur diese Berechnung seit dem letzten `=SUM`* =TOTAL Std. ***=> INSGESAMT*** *auf diesem Zettel `=TOTAL`* ## HRs (Horizontale Linien) --- *mit genau 3x `-`* === *mit genau 3x `=`* --- ## Auskommentierte Zeichen \[\]\+\*\.\-\` *=> mit `\` davor werden diese Zeichen NICHT interpretiert* --- ## Listen zum Abhaken [] Wurst [x] Bier [x] Kippen [ ] Fleisch [x] Whisky --- ## Datums-Angaben: Ich habe Geburtstag am 15.02.1980, echt jetzt.... *=> werden automatisch gefunden und bieten einen Kalendereintrag an!* --- ## Telefonnummern: Tel: (+49) 681/123456-1 Fax: (+49) 681/123456-2 Mobil: (+49) 681/123456-3 *=> werden automatisch gefunden durch Keywords: Tel, Fon, Fax, Mobil, Telefonnummer, Telefon, Phone* --- ## E-Mail-Adressen: Test-Mailadresse: info@example.com, **nicht anschreiben ;-)** *=> werden automatisch gefunden* --- ## ToDo-Markierung: ToDo: was ich noch zu tun habe.... *=> hervorgehoben um schneller zu finden!* *Wird durch Keyword "ToDo:" automatisch gefunden* --- ## Smileys: ;-) => `;-)` :-) => `:-)` :-( => `:-(` ;-( => `;-(` => derzeit nur 4, werden automatisch ersetzt! --- ## CSV-Tabellen: [csv:;] "Spalte 1";"Spalte2";"Spalte3" "Zeile 1 Spalte 1";"Zeile 1 Spalte2";"Zeile 1 Spalte3" "Zeile 2 Spalte 1";"Zeile 2 Spalte2";"Zeile 2 Spalte3" [/csv] => `[csv:**Trennzeichen**]` bis `[/csv]` --- ## Tabellen: | Left align | Right align | Center align | |:-----------|------------:|:------------:| | This | This | This | | column | column | column | | will | will | will | | be | be | be | | left | right | center | | aligned | aligned | aligned | *=> mit Alignment möglich* ``` | Left align | Right align | Center align | |:-----------|------------:|:------------:| | This | This | This | | column | column | column | | will | will | will | | be | be | be | | left | right | center | | aligned | aligned | aligned | ``` --- ## Listen ### Nested ULs - Punkt 1 - Unterpunkt 1.1 - Unterpunkt 1.1.1 - Unterpunkt 1.1.2 - Unterpunkt 1.2 - Unterpunkt 1.2.1 - Punkt 2 ### Nested OLs 1. Punkt 1 1. Punkt 1.1 1. Punkt 1.1.1 8. Punkt 1.1.2 1. Punkt 1.2 7. Punkt 2 (Zahl egal) 8. Noch ein Punkt --- ## Charts: ### Vertikale Balkendiagramme: [chart v] Äpfel: 40 Birnen:60 [/chart] ``` [chart v] Äpfel: 40 Birnen:60 [/chart] ``` ### Horizontale Balkendiagramme: [chart h] Äpfel: 50 Birnen:60 [/chart] ``` [chart h] Äpfel: 40 Birnen:60 [/chart] ``` oder kürzer (ohne das "h"): ``` [chart] Äpfel: 40 Birnen:60 [/chart] ``` --- ## Code: ### Inline-Code: Dies ist `inline-code` innerhalb eines Textes: \` --- ### Code mit 3 Backticks: ``` this is my Code very long blindtext blindtext blindtext blindtext ``` So wirds gemacht: [code] \`\`\` this is my Code very long blindtext blindtext blindtext blindtext \`\`\` [/code] --- ### Code mit Klammern: [Code] this is my code [/Code] So wirds gemacht: [Code] \[Code\] this is my code \[/Code\] [/Code] --- ## Blockquote: > Blockquote 1 > Blockquote 2 So wirds gemacht: [Code] > Blockquote 1 > Blockquote 2 [/Code] ## LINKS Referenz-Link: [RL] => `[RL]` => Referenz `[RL]: https://test.de 'Title-Tag'` wurde irgendwo im Markdown-Dokument erklärt (auch case-insensitive möglich) [RL]: https://test.de 'Title-Tag' Link mit Title mit `'`: [Test](https://www.test.de 'Title-Tag:Test') => `[Alt-Tag](https://www.test.de 'Title-Tag')` Link mit Title mit `"`: [Test](https://www.test.de "Title-Tag:Test") => `[Alt-Tag](https://www.test.de "Title-Tag")` Link mit Title ohne Begrenzer: [Test](https://www.test.de Title-Tag:Test) => `[Alt-Tag](https://www.test.de "Title-Tag")` Link OHNE Title: [Test](https://www.test.de): `[Test](https://www.test.de)` Relativer Link: [Impressum](/impressum/7): `[Impressum](/impressum/7)` Normaler Link (nur URL): https://google.com/: `https://google.com/` =>URLs werden automatisch ersetzt auch ohne Markdown --- ## Fortschrittsbalken [progress:80] => `[progress:80]` => %-Angabe --- ## Bilder: externes Bild: !R30%[MBSOL](https://mbsol.de/head.jpg): `!R30%[MBSOL](https://mbsol.de/head.jpg)` *=> rechtsbündig mit 30% Breite: `!R30%`* *nur mit `!`: 100% maximal, kein Floating* *=> alle Bilder werden automatisch großklickbar in neuem Fenster und haben ALT- und Title-Tag* --- ## Youtube-Videos  Einfach, indem die URL hier in den Text kopiert wird: `https://www.yutube.com/watch?v=36UQCZEsY9g` Das Vorschaubild des Videos wird automatisch geladen und ein PlayButton draufgesetzt. --- ## Dateien: `#[demo.zip](https://mbsol.de/head.jpg)` => #[demo.zip](https://mbsol.de/head.jpg) --- ## Symbole zum Kopieren: **Gesichter:** 😀 😃 😄 😁 😆 😅 😂 🤣 😊 😇 🙂 🙃 😉 😌 😍 🥰 😘 😗 😙 😚 😋 😛 😝 😜 🤪 🤨 🧐 🤓 😎 🥸 🤩 🥳 😏 😒 😞 😔 😟 😕 🙁 ☹ 😣 😖 😫 😩 🥺 😢 😭 😤 😠 😡 🤬 🤯 😳 🥵 🥶 😱 😨 😰 😥 😓 🤗 🤔 🤭 🤫 🤥 😶 😐 😑 😬 🙄 😯 😦 😧 😮 😲 🥱 😴 🤤 😪 😵 🤐 🥴 🤢 🤮 🤧 😷 🤒 🤕 🤑 🤠 🤡 👻 💀 ☠ 👽 👾 🤖 🎃 😺 😸 😹 😻 😼 😽 🙀 😿 😾 👹 👺 **Herzen:** ❤ 🧡 💛 💚 💙 💜 🖤 🤍 🤎 💔 💕 💞 💓 💗 💖 💘 💝 💟 ♥ ❣ 💌 💋 **Hände/Gesten:** 👍 👎 👌 ✌ 🤞 🤟 🤘 🤙 👈 👉 👆 👇 ☝ ✋ 🤚 🖐 🖖 👋 🤝 🙏 👏 🙌 🤲 🤜 🤛 ✊ 👊 💪 🖕 ✍ 👐 🤳 **Personen:** 👶 🧒 👦 👧 🧑 👨 👩 🧓 👴 👵 👮 🕵 💂 👷 🤴 👸 👳 👲 🧕 🤵 👰 🤰 🤱 👼 🎅 🤶 🦸 🦹 🧙 🧚 🧛 🧜 🧝 🧞 🧟 💆 💇 🚶 🧍 🧎 🏃 💃 🕺 👯 🧖 🧗 🤺 🏇 ⛷ 🏂 🏌 🏄 🚣 🏊 🤽 🚴 🚵 🤸 🤾 🤹 🧘 👤 👥 🗣 👣 **Tiere:** 🐶 🐱 🐭 🐹 🐰 🦊 🐻 🐼 🐨 🐯 🦁 🐮 🐷 🐸 🐵 🙈 🙉 🙊 🐔 🐧 🐦 🐤 🦆 🦅 🦉 🦇 🐺 🐗 🐴 🦄 🐝 🐛 🦋 🐌 🐞 🐜 🦗 🕷 🦂 🐢 🐍 🦎 🦖 🦕 🐙 🦑 🦐 🦀 🐡 🐠 🐟 🐬 🐳 🐋 🦈 🐊 🐅 🐆 🦓 🦍 🦧 🐘 🦛 🦏 🐪 🐫 🦒 🦘 🐃 🐂 🐄 🐎 🐖 🐑 🐐 🦌 🐕 🐩 🐈 🐓 🦃 🦚 🦜 🦢 🦩 🐇 🐁 🐀 🐿 🦔 🐾 🐉 🐲 🦥 🦦 🦨 🦡 **Pflanzen:** 🌵 🎄 🌲 🌳 🌴 🌱 🌿 ☘ 🍀 🎍 🎋 🍃 🍂 🍁 🍄 🐚 🌾 💐 🌷 🌹 🥀 🌺 🌸 🌼 🌻 🌞 🌝 🌛 🌜 🌚 🌕 🌖 🌗 🌘 🌑 🌒 🌓 🌔 🌙 🌎 🌍 🌏 🌰 🪴 **Essen/Trinken:** 🍏 🍎 🍐 🍊 🍋 🍌 🍉 🍇 🍓 🫐 🍈 🍒 🍑 🥭 🍍 🥥 🥝 🍅 🍆 🥑 🥦 🥬 🥒 🌶 🫑 🌽 🥕 🫒 🧄 🧅 🥔 🍠 🥐 🥯 🍞 🥖 🥨 🧀 🥚 🍳 🧈 🥞 🧇 🥓 🥩 🍗 🍖 🌭 🍔 🍟 🍕 🥪 🥙 🧆 🌮 🌯 🥗 🥘 🥫 🍝 🍜 🍲 🍛 🍣 🍱 🥟 🦪 🍤 🍙 🍚 🍘 🍥 🥠 🥮 🍢 🍡 🍧 🍨 🍦 🥧 🧁 🍰 🎂 🍮 🍭 🍬 🍫 🍿 🧂 🥤 🧋 🍯 🥛 ☕ 🍵 🍶 🍾 🍷 🍸 🍹 🍺 🍻 🥂 🥃 🧊 🥢 🍽 🍴 🥄 🧃 🍼 **Sport/Aktivitäten:** ⚽ 🏀 🏈 ⚾ 🥎 🎾 🏐 🏉 🎱 🪀 🏓 🏸 🏒 🏑 🥍 🏏 🥅 ⛳ 🏹 🎣 🤿 🥊 🥋 🎽 🛹 🛼 🛷 ⛸ 🥌 🎿 🏆 🥇 🥈 🥉 🏅 🎖 🏵 🎗 🎯 🎮 🎲 🧩 🎳 🎰 🎨 🎭 🎤 🎧 🎼 🎹 🥁 🎷 🎺 🎸 🎻 🪕 🤼 🏋 🪂 **Wetter/Himmel:** ☀ 🌤 ⛅ 🌥 ☁ 🌦 🌧 ⛈ 🌩 🌨 ❄ ☃ ⛄ 🌬 💨 🌪 🌫 🌈 ☂ ☔ ⚡ 🔥 💧 💦 🌊 ⭐ 🌟 💫 ✨ ☄ 🌌 🌡 🌀 **Reise/Fahrzeuge:** 🚗 🚕 🚙 🚌 🚎 🏎 🚓 🚑 🚒 🚐 🛻 🚚 🚛 🚜 🛵 🏍 🛺 🚲 🛴 🚨 🚡 🚠 🚟 🚃 🚋 🚞 🚝 🚄 🚅 🚈 🚂 🚆 🚇 🚊 🚉 ✈ 🛫 🛬 🛩 💺 🛰 🚀 🛸 🚁 🛶 ⛵ 🚤 🛳 ⛴ 🚢 ⚓ ⛽ 🚧 🚦 🚥 🚔 🚍 🧳 🛣 🛤 **Orte/Gebäude:** 🗺 🗿 🗽 🗼 🏰 🏯 🏟 🎡 🎢 🎠 ⛲ ⛱ 🏖 🏝 🏜 🌋 ⛰ 🏔 🗻 🏕 ⛺ 🏠 🏡 🏘 🏚 🏗 🏭 🏢 🏬 🏣 🏤 🏥 🏦 🏨 🏪 🏫 🏩 💒 🏛 ⛪ 🕌 🕍 🛕 🕋 🏙 🌆 🌇 🌃 🌉 **Bürokram/Objekte:** 💡 🔦 🕯 📖 📚 📰 📝 ✏ 🖊 🖋 🖌 🖍 📎 📌 📍 📏 📐 ✂ 🗑 🔒 🔓 🔑 🗝 📁 📂 🗂 📅 📆 🗓 📇 🗃 🗄 📋 📊 📈 📉 🔍 🔎 📱 💻 🖥 ⌨ 🖱 🖨 📷 📸 📹 🎥 📞 ☎ 📟 📠 📡 🔋 🔌 💰 💴 💵 💶 💷 💳 💎 ⚖ 🔧 🔨 🛠 ⚙ 🧰 🔩 ⛓ 🧲 🔬 🔭 💉 💊 🩹 🩺 🎁 🎀 🧵 🧶 📓 📔 📕 📗 📘 📙 🔖 📛 🧷 🪒 🧴 🧻 🧼 🪥 🛁 🚿 🚽 🪜 🖇 🗒 🧮 🧾 **Symbole/Zeichen:** ✅ ❌ ❎ ✔ ➕ ➖ ➗ ✖ ♻ ⚠ 🚫 ⛔ ❗ ❓ ❕ ❔ 💯 🔔 🔕 🔴 🟠 🟡 🟢 🔵 🟣 ⚫ ⚪ 🟤 🔶 🔷 🔸 🔹 🔺 🔻 🔘 🔳 🔲 ▪ ▫ ⬛ ⬜ 🟥 🟧 🟨 🟩 🟦 🟪 🟫 🚻 🚹 🚺 ♿ 🚭 🚮 🚰 🚸 **Pfeile:** ➡ ⬅ ⬆ ⬇ ↗ ↘ ↙ ↖ ↕ ↔ ↩ ↪ ⤴ ⤵ 🔃 🔄 🔀 🔁 🔂 **Medien-Steuerung:** ▶ ⏸ ⏹ ⏺ ⏭ ⏮ ⏩ ⏪ ⏫ ⏬ **Uhrzeiten:** ⏰ ⏱ ⏲ ⌛ ⏳ 🕐 🕑 🕒 🕓 🕔 🕕 🕖 🕗 🕘 🕙 🕚 🕛 🕜 🕝 🕞 🕟 🕠 🕡 🕢 🕣 🕤 🕥 🕦 🕧 **Zahlen (eingekreist/Tasten):** 0️⃣ 1️⃣ 2️⃣ 3️⃣ 4️⃣ 5️⃣ 6️⃣ 7️⃣ 8️⃣ 9️⃣ 🔟 #️⃣ *️⃣ ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ **Tierkreiszeichen:** ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ⛎ **Flaggen:** 🏳 🏴 🏁 🚩 🇩🇪 🇦🇹 🇨🇭 🇬🇧 🇺🇸 🇫🇷 🇮🇹 🇪🇸 🇳🇱 🇧🇪 🇵🇹 🇵🇱 🇸🇪 🇳🇴 🇩🇰 🇫🇮 🇬🇷 🇹🇷 🇷🇺 🇺🇦 🇨🇳 🇯🇵 🇰🇷 🇮🇳 🇧🇷 🇨🇦 🇦🇺 🇲🇽 **Typografie/Mathe:** § ¶ † ‡ • … ‰ ′ ″ © ® ™ € £ ¥ ¢ ° ± × ÷ ⁄ ≈ ≠ ≤ ≥ ∞ √ ∑ ∆ Ω π µ ½ ⅓ ⅔ ¼ ¾ ⅛ ¹ ² ³ ← → ↑ ↓ « » „ " ' ' – — ­ ¬ ‹ › ∴ ≡ ≅ ∀ ∃ **Feiern/Sonstiges:** 🎉 🎊 🎈 🎁 🎀 🏆 🥳 🎇 🎆 🧨 ✨ 💯 🔥 💥 💫 ⭐ 🪅 🎐 🧧 **Kleidung/Accessoires:** 👕 👖 🧥 🥼 🦺 👔 👗 👙 👘 🥻 🩱 🩳 🧦 🧤 🧣 🧢 👒 🎩 ⛑ 👑 💍 👛 👜 👝 🎒 🕶 🥽 👞 👟 🥾 🥿 👠 👡 🩰 👢 **Musik/Ton:** 🎵 🎶 🎙 📯 📢 📣 🔊 🔉 🔈 🔇 📻 **Spiele/Hobbys:** 🎯 🎮 🎲 ♟ 🃏 🀄 🎴 🧸 🪁 **Post/Kommunikation:** ✉ 📧 📨 📩 📤 📥 📦 📪 📫 📬 📭 📮 🗳 **Gesundheit/Wissenschaft:** 🧪 🧫 🦠 🧬 🌡 🩹 🩺 💉 💊