Die Geschichte hinter dem Markdown-Editor
Markdown ist eine Art, formatierten Text zu schreiben, der auch als reiner Text natürlich lesbar bleibt. Sternchen für Betonung, Rauten für Überschriften und Striche für Listen stammen aus der Art, wie Menschen schon E-Mails schrieben. Diese Seite erzählt, wie aus der einfachen Idee die Sprache von README-Dateien, Notizen und Dokumentation wurde.
Aus der E-Mail geboren
2004 veröffentlichte John Gruber Markdown auf seiner Website Daring Fireball, unterstützt von Aaron Swartz. Ziel war Text, der sich so, wie er ist, leicht lesen und schreiben lässt und trotzdem sauber in HTML umgewandelt wird. Viele Konventionen stammen aus E-Mails und älteren Textformaten wie Setext: eine Zeile mit Gleichheitszeichen unterstreichen für eine Überschrift, ein Wort mit Sternchen betonen und Zeilen mit einem Strich für eine Liste beginnen. Der erste Konverter war ein einzelnes Perl-Skript.
Zu viele Dialekte
Die ursprüngliche Beschreibung ließ viele Grenzfälle offen, etwa wie weit eine verschachtelte Liste eingerückt sein muss oder wann eine Leerzeile einen Block beendet. Jede neue Implementierung entschied anders, sodass derselbe Text auf verschiedenen Websites unterschiedlich aussah. 2014 veröffentlichten John MacFarlane, Jeff Atwood und andere eine genaue Spezifikation mit Hunderten Beispielen. Sie hieß zuerst Standard Markdown und wurde nach Einwänden von Gruber in CommonMark umbenannt.
GitHub Flavored Markdown
GitHub machte Markdown mit README-Dateien, Issues und Kommentaren zum Arbeitsalltag von Programmierern. 2017 veröffentlichte es eine formale Spezifikation für GitHub Flavored Markdown als strikte Obermenge von CommonMark. Sie ergänzt Tabellen mit Spaltenausrichtung, Aufgabenlisten mit Kontrollkästchen, Durchstreichen mit zwei Tilden und automatisch erkannte Links. Umzäunte Codeblöcke mit Sprachnamen, schon vorher beliebt, ermöglichten Syntaxhervorhebung.
Warum Vorschauen bereinigt werden
Markdown erlaubt rohes HTML, was praktisch, aber riskant ist. Zeigt eine Seite Markdown von jemand anderem, könnten ein verstecktes Script-Tag, ein onerror-Attribut an einem Bild oder ein javascript-Link Code im Browser des Lesers ausführen, ein Angriff namens Cross-Site-Scripting. Deshalb zeigt dieser Editor rohes HTML als Text, entfernt unsichere Link-Schemata und filtert das Ergebnis vor der Anzeige durch eine Positivliste von Elementen und Attributen.
Häufig gestellte Fragen
Wer hat Markdown erfunden?
John Gruber schuf Markdown 2004, mit Aaron Swartz als wichtigem frühen Mitarbeiter und Tester.
Was ist der Unterschied zwischen CommonMark und GFM?
CommonMark ist eine genaue Spezifikation des Markdown-Kerns. GitHub Flavored Markdown baut darauf auf und ergänzt Tabellen, Aufgabenlisten, Durchstreichen und automatische Links.
Warum wird mein HTML als Text angezeigt?
Aus Sicherheitsgründen. Rohes HTML könnte Skripte enthalten, daher maskiert der Editor es und erzeugt nur Elemente, die er als harmlos kennt.
Verwandte Tools
Markdown-Editor
Ein kostenloser Online-Markdown-Editor mit Live-Vorschau: geteilte Ansicht mit synchronem Scrollen, Tabellen und Aufgabenlisten wie bei GitHub, Code-Hervorhebung, Formatierungsleiste, Fokusmodus, Wortzahl und Lesezeit, automatisches Speichern und Download als .md oder .html.
Text-Schreibweisen-Konverter
Kostenloser Text-Schreibweisen-Konverter: GROSS, klein, Titelschreibweise mit Sprachregeln, Satzschreibweise, camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, dot.case und URL-Slugs, dazu Aufräumen von Leerzeichen, Umbrüchen, Aufzählungszeichen und Emojis.
JSON-Formatierer
Kostenloser JSON-Formatierer und Validator: JSON verschönern oder minimieren, Zeile und Spalte eines Fehlers finden, Schlüssel sortieren, einen Baum durchsuchen, Pfade kopieren und Arrays in CSV umwandeln, alles im Browser.
Seitenverhältnis-Rechner
Kostenloser Seitenverhältnis-Rechner: gekürztes und dezimales Verhältnis aus Breite und Höhe, das nächste gängige Format, Größe ändern mit gesperrtem Verhältnis und Rundung für Video, Vorlagen für Bildschirme, soziale Medien und Druck sowie Einpassen oder Füllen mit Balken.
Die Geschichte hinter dem Seitenverhältnis-Rechner
Warum früher Film 4:3 war, wie CinemaScope das Kino breit machte, warum 16:9 der Kompromiss für das Fernsehen wurde, woher die Wurzel aus zwei im A4-Papier stammt und wie Smartphones Video hochkant machten.
Bereit, es auszuprobieren?
Öffnen Sie PictorX in Ihrem Browser – keine Installation, zum Starten ist keine Kreditkarte erforderlich.
Markdown-Editor öffnen